「font-family」を複数設定すると読み込む時間が長くなる…
2023年2月10日
2月に入って日にちが経ちますが…
寒い中、体調には気を付けていますか?
5月以降からマスク不要になる日が待ち遠しくなってきました!
いろんなニュースを見ている中、政府があれこれちんぷんかんぷんばっかり流れてますね…
物価高騰していく中、生活が大きく圧迫されてるんですね…
一流企業では賃金見直しが出てきてるみたいですね!
新卒採用を確保して、人件費を削りたいベテラン者は解雇なんでしょうね?
さてと、話題に入りましょう!
「font-family」を複数設定すると読み込む時間が長くなる…
HTMLコーディングするとき、「font-family」をたくさん設定しておきますよね…
こっちもたくさん、設定していましたが…
PCのスペックやネットワーク環境なんてどうでもええっていう考え方を持ってました…
結局は、お客様の高負担になるんやなと…
反省しております…
お客様のPCのスペックの能力を考慮しての上で「font-family」の設定方法に悩みました…
今までは、Google Fontsの「Noto Sans JP」と「Lato」を頼って設定しましたが…
body{
font-family: 'Lato', 'Noto Sans JP', sans-serif;
}
Google Fonts を使うとホンマにスペックの低いPCで閲覧すると重いんですね…
最終的にこれにしようかと考慮した結果、これにしました。
body{
font-family: -apple-system, 'Arial', '游ゴシック体', 'YuGothic', 'メイリオ', 'meiryo', sans-serif;
}
にすることになりました。
ヒラギノを入れようかと悩みましたが…
Windowsでは標準装備ではないので外しました。
WindowsとMacintoshの標準装備をしているフォントを最優先に考慮した結果です。
いつになったら、「Noto Sans JP」と「Lato」が最軽量化になる日は来るんやろうか?
当分はないかも?
ふざけんなよー
では、また!