Googleフォントからサーバー内フォントに変更

関連URL
Google日本語フォントからニコモジを使っていたのですが、最近404エラーを返してまともに表示されなくなりました。
そもそもGoogleから配信されているニコモジは旧バージョンで、現在はニコモジ+v2というのが存在しています。
たぶん今後もメンテナンスされることは無いので、これを機にサーバー内にフォントを組み込むことにしました。
Googleフォントは大変便利で、HTMLのヘッダー内に1~3行コードを書くだけで、あとはCSSから指定してそのフォントが使えます。
本サイトでは、今でも Noto Sans に関してはGoogleフォントの配信を利用して文字出力しています。

しかし日本人向けサービスであるGoogle日本語フォントは、あまり積極的にメンテナンスがされていません。
Googleのニコモジ は2016年からずっとアーリーアクセスのままで、ついに404エラーを返すようになりました。
Googleが指定しているHTMLコードは次の通りです。 このhrefで指定されてるURLに飛ぶと、実際のフォントデータのURLが表示されます。

この中のいずれのURLも404エラーになっています。

Google Fontsからの配信は切れていますが、ニコモジ自体は現在も健全に公開されています。
ニコモジ公式から配信されている最新バージョンはニコモジ+ v2.5です（2026/04/27）。
まるもじフォント（ニコモジ）
Google Fontsから配信されていたものは漢字に対応していませんでしたが、この+ v2.5は漢字にも対応しています。
サイトの下の方からttfフォントデータをダウンロードしてください。
フォントをサーバー内に組み込むことのデメリットは、サーバーのストレージを圧迫する可能性があることです。
一方で同一ドメイン内から参照すれば処理速度は上がるし、そもそもこのサイトではごく限られた文字列でしかニコモジは使っていません。
適切に不必要な文字を削減すれば、ストレージの負担はほぼ無視できるレベルまで抑えられます。
事前準備として、まず以下のURLからとをDLし、インストールまでしてください。
もし文字を削る必要がない場合はWOFFコンバーターだけで大丈夫です。
サブセットフォントメーカー
WOFFコンバーター サブセットフォントメーカーを起動し、に先ほど落としたのttfフォントデータを指定してください。
には編集後のファイルパスを入力します。
次にに、。
重複した文字は無視され、1つ分として処理されます。
最後ににチェックを入れた状態で「」ボタンを押してください。 ttfフォントデータはPCにインストールすることが出来て、Webでも使えます。ただしサイズが巨大です。
Webに組み込む際には、というデータ形式に圧縮するのが一般的になっています。
インストールしたWOFFコンバーターを開いて、にttfフォントのパスを指定してください。
サブセットフォントメーカーから開いた際は、すでに指定済みになっているはずです。
続いてに、返還後のファイルパスを入力します。
変換後のファイルパスに対しては、拡張子の入力は必要ありません。コンバーターの方で勝手にくっ付けてくれます。
最後ににチェックが入っているのを確認し、「」ボタンを押してください。
作成したwoff2フォントデータをサーバに配置したら、CSSからそれを参照させます。
まずで、フォントデータと任意の識別子を紐づけます。
ここでではで指定しているがその識別子です。
続いて実際にフォントを指定する作業です。
このサイトではというidセレクタを使い、タイトル文字に対してニコモジを反映させています。