「font-family」を複数設定すると読み込む時間が長くなる…

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」が最軽量化になる日は来るんやろうか?

当分はないかも?

ふざけんなよー

では、また!

コメントする

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

Leonard-Blogをもっと見る

今すぐ購読し、続きを読んで、すべてのアーカイブにアクセスしましょう。

続きを読む