はてなブログで、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;
}