晴歩雨描

晴れた日は外に出て歩き、雨の日は部屋で絵を描く

はてなブログで、Webフォント(Google Fonts)を使う。

先日購入したスマホXperia 1 III」では、ブラウザChromeでいくつかのホームページのフォントが、パソコンや他のスマホと違ってしまう。「Xperia 1 III」では、英文が固定ピッチのフォントになってしまって見づらい。

この「はてなブログ」も、「Xperia 1 III」では同様に英文が固定ピッチのフォントになってしまう。

そこで、はてなブログで、Webフォント(Google Fonts)を使うように設定した。

フォントは、Google Fontsの「Noto Sans JP」を使う。

[設定]→[詳細設定]→[headに要素を追加]

以下を追加。

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap" rel="stylesheet">

[デザイン]→[カスタマイズ]→[デザインCSS

以下を追加。

* {
	font-family: 'Noto Sans JP', sans-serif;
}