スマホブラウザのフォントのデフォルトに注意
WEB
スマホをiPhoneに替えたら、SafariもChromeもデフォルトフォントが明朝だった。
それだけならいざしらず、文字サイズがやたらデカい。
レスポンシブで大きさが変わるせいだろうか。
やたらデカく感じる。
それはそれは読みづらくなってしまった。
CSSにfont-familyを指定しなければ・・・
CSSのfont-family指定に関する考察 2014年版
こちらを参考にしつつ
font-family: “Hiragino Kaku Gothic ProN”,”メイリオ”, sans-serif;
を追加してやった。
これがヒラギノなのかメイリオなのかはよくわからないが、とりあえず明朝ではなくなって、読みやすくなったので良しとする。
おなじApple製品だし、中身もiOSだし、iPhoneもMac環境ということなのだろうか?
表示されているこれは、ヒラギノなのだろうか?
思えば、今まで、モリサワやヒラギノと無縁の制作環境だったから、パッと見わからないなぁ・・・
そういえば、職場で「5月分のWEB広告費が浮くからモリサワ買ってやる」って話はどうなったのかなぁ・・・