ブログのフォントについて


2025.06.14　追記
Windows 11 に、Noto フォントがインストールされるようになったので、ウェブフォントの使用をやめることにした。
表示に使用するフォントは、Noto Sans JP を指定しているので、当該フォントがインストールされている環境では、そのフォントで表示されるはずだ。


当ブログの PC 向けページのフォントを変更した。（※スマホ向けページには適用されない）
基本的には、Google Fonts の Noto Sans Japanese を使用し、
場合によっては、等幅フォントの BIZ UDGothic を使用する。
これにより、PC 環境に左右されずに同じウェブフォントによって表示されることになる。
なお、プロポーショナルフォントを、BIZ UDPGothic にすることも考えたが、個人的には、Noto Sans JP のほうが見やすいと感じられたので、このような設定とした。


１．html の設定

html の、<head> 以下に、
<link href="https://fonts.googleapis.com/css2?family=BIZ+UDGothic&family=Noto+Sans+JP&display=swap" rel="stylesheet">
と、記述する。


２．CSS の設定

CSS のフォントの設定箇所に、
font-family: 'Noto Sans JP', sans-serif;
と、記述する。


３．部分的に等幅フォントを使う場合の、html の設定

等幅フォントを使用したい箇所に以下のように、BIZ UDGothic を設定する。
<span  style="font-family: &quot;BIZ UDGothic&quot;;">等幅フォント BIZ UDGothic</span>

※上記の <span  style=・・・> </span>で括った、「等幅フォント BIZ UDGothic」の部分は、実際にフォントを BIZ UDGothic にしている。
※上記の html の記述は下記の ' （クォーテーション）の部分を &quot; にしたもの。livedoor ブログでは、下記のような記述にすると、livedoor ブログのエディターによって、上記のように変換される。
<span  style="font-family: 'BIZ UDGothic';">等幅フォント BIZ UDGothic</span>


以上