投稿日：2019年2月19日(火)
悩める設定
サイトのCSSで悩んだからメモ。CSSに『font-smoothing』と言うプロパティがあって、これはMac側の設定を変更するものだからどうするべきか考えた。
その設定の場所は[アプリケーションフォルダ] → [システム環境設定] → [一般] → [使用可能な場合はLCDで滑らかな文字を使用] の項目で、デフォルトは有効になっていて文字を太く・コントラストも強い表示にする機能。これが有効になってると太めのフォントや細かいアイコンは汚くなるし、フワッと表示されるアニメーション効果入れるとアニメーションが終わってから適用されるしでどうしたものかと..
font-smoothingで指定するとサイト内はオフに出来るけど初期設定だし見る側の問題だからと気にしてなかったのが、やっぱりWebフォントとアイコン変えようか、見出しも汚くなるから細くしたいけどヒラギノ角ゴの時に細すぎるなフォントを游ゴシックに変更しようかな？でもHiragino Sans好みだからなどとね。その他に色々な選択肢もあるし細かい仕様の違いも考えた結果
面倒だからbodyに書いとこ
になりました(^▽^)
太字を見慣れてる人は細く感じるかも、普段からチェック外してる人やiPhoneだと分からないかな。まぁ突き詰めていくとコードが複雑になってしまったり、機能省いて無難な選択になったりと場合によるからね。
カテゴリー：BLOG