カンタン、これは試したい！Google Fontsで9つの日本語フォントが無料ウェブフォントして利用可能に

2016年10月19日(水)06:07

カンタン、これは試したい！Google Fontsで9つの日本語フォントが無料ウェブフォントして利用可能に

様々なスタイルのフォントをウェブサイトに使用できるGoogle Fonts。

これまでGoogle Fontsでは英語フォントが充実しており、日本語に対応したフォントは「Noto Sans Japanese」が公開されるにとどまっていましたが、Googleが新たに公開したページ「Google Fonts + 日本語早期アクセス」では、なんと9つの日本語フォントをウェブフォントとして使用できるようになっています！

カンタン、これは試したい！Google Fontsで9つの日...の画像はこちら >>

M+ 1p、Rounded M+ 1c

提供される日本語対応したウェブフォントはこれまでのGoogle Fontsと同様に、専用のCSSファイルを読み込んでfont-familyで読み込んだウェブフォントを指定するといった簡単なもの。

新たに公開されたページで使用可能になっているのは以下の9つの日本語フォント

M+ 1p
Rounded M+ 1c
はんなり明朝
こころ明朝
さわらび明朝
さわらびゴシック
ニクキュウ
ニコモジ
Noto Sans Japanese

フリーフォントとして絶大な人気を誇るM+ フォントや明朝体で人気が高いはんなり明朝も。もちろんこれまで通りNoto Sans Japaneseも使用可能となっています。

はんなり明朝

使用方法は、使用したい該当フォントのブロックの右側に表示されているHTMLコードをコピーペーストし、cssのfont-familyの指定で、記載されれているフォント名をコピーペーストすればOK。

もしもご利用の環境で使用できない場合、コピーペーストしたHTMLタグに「rel=”stylesheet”」を追加してみてください。