ブログのフォントをWebフォントに変えてみた

2023年10月21日

他のブログと比較してなんか文字が硬い気がしたのでフォントを変えてみました。

1. Webフォントとは
2. Webフォントのメリットとデメリット
3. まとめ

Webフォントとは

Webフォントとは、インターネット上にあるフォントデータをWebページに表示させる技術です。

従来のWebページでは、閲覧者の端末にインストールされているシステムフォントが使われるため、閲覧者の端末に指定したフォントがない場合は、別のフォントで表示されたり、場合によっては文字化けしてしまうなどの問題もあるようです。

Webフォントは、閲覧者の端末にフォントデータがインストールされていなくても、Webブラウザがインターネット上からフォントデータを取得して表示させるために、閲覧者の端末に依存せず、Web管理者が意図したそのままの文字をブラウザに表示させることが出来ます。

当ブログでは、今まではメイリオを使っていたのですが、こんな感じ。

悪くはないけどやや堅いイメージがありました。

そこで、「Noto Sans JP」というGoogleとAdobeが開発したというフォントに変えてみたところ。

お、なんか柔らかなイメージ通りの文字になったぞ。

Webフォントのメリットとデメリット

Webフォントとは、Webブラウザがインターネット上からフォントデータを取得して表示させるために、閲覧者の環境に依存せず、Web管理者が意図したそのままの文字をブラウザに表示させることが出来ます。

その反面、インターネット上からフォントデータをダウンロードするために表示に若干の時間がかかるという欠点もあるようです。

Googleなどの検索エンジンはSEO(Search Engine Optimization/検索エンジン最適化）と称して、なるべく軽くしろとか言いますが、少なくとも私の運営してるサイトはLuxeritas という超高速のWordPressテーマを使い高速表示させていますが、それより遅いサイトでもバンバン上位表示してますし、もちろんサイトの内容にもよりますが、いまだにhttps化してなくても上位表示しているサイトもありますので、少々重いくらい関係ないんですよ、知らんけど。。。

PageSpeed Insightsではほんの少し下がったかな？程度。。。