Web関連

ねこやま猫道サイトリニューアル覚書1/3

-webkit-font-smoothing: antialiased

サイトリニューアルの確認のためMacのSafariでページを表示したら、スライドショーの画像が切り替わるのと同じタイミングで、ページのすべてのテキストがちらついていることに気づきました。

調べてみるとブログ記事を見つけ、そこに記載されていた対処法『チラつく要素に対して-webkit-font-smoothing: antialiasedを指定』で解決しました。
サイトで使用したjQueryのスライドショーは、記事にあるbxSliderではなく、MAXIMAGE2なのですが。

また、記事にある通り、指定した要素の文字が細くなってしまい、元々細めにfont-weight:300を指定していたところを400に変更するなど。元々の細めの思いは何処へ…