これまでも無償で提供されていた『M+ FONTS』がGoogle日本語フォントとしても登場。可読性が高くシンプルでいて、私が前からとても気に入っていたフォントでもあります。未だに時折使用させていただいております。

<link href="https://fonts.googleapis.com/earlyaccess/mplus1p.css" rel="stylesheet" />

.wf-mplus1p { font-family: "Mplus 1p"; }

先程のGoogleフォントと可読性については同じくらい読みやすいフォントですが、こちらの方が少々丸みがあり、一文字のインパクトがしっかりあるように感じます。見出しに使用するといい感じ。

<link href="https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css" rel="stylesheet" />

.wf-roundedmplus1c { font-family: "Rounded Mplus 1c"; }

このフォントも私のMacに以前からインストールしてある無償提供フォント。ゆるやかな曲線が日本らしさを表現していてきれいなフォントですね。メインのキャッチフレーズで印象づけたい時に使用するといいかも。

<link href="https://fonts.googleapis.com/earlyaccess/hannari.css" rel="stylesheet" />

.wf-hannari { font-family: "Hannari"; }

少々クセを感じるフォント。手書きっぽさもあるので、ポエム的な記事を更新しているブログに使えそうですね。

<link href="https://fonts.googleapis.com/earlyaccess/kokoro.css" rel="stylesheet" />

.wf-kokoro { font-family: "Kokoro"; }

今度の明朝体は、本文にも使用できそうな可読性の高いフォント。フォントサイズを小さくして本文にするか、大きくして見出しにするか。中途半端なフォントサイズには向かないかなと思う。

<link href="https://fonts.googleapis.com/earlyaccess/sawarabimincho.css" rel="stylesheet" />

.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }

先程の明朝体と同じ作者が作ったゴシック体。やや丸みがあり、一文字ごとにしっかりと印象づけられるフォントですので、本文よりも見出しの方が効果的に訴求できそう。

<link href="https://fonts.googleapis.com/earlyaccess/sawarabigothic.css" rel="stylesheet" >

.wf-sawarabigothic { font-family: "Sawarabi Gothic"; }

とてもユニークなGoogleフォント。どこかで使ってみたいとは思うけど、使いどころが分からない。漫画家さんとかのブログで記事の一部で部分的に使用するといった感じでしょうか。

<link href="https://fonts.googleapis.com/earlyaccess/nikukyu.css" rel="stylesheet" />

.wf-nikukyu { font-family: "Nikukyu"; }

こちらもユニークなデザインのフォント。見出しなど、部分的に使用するといい感じになりそうですね。選択肢の一つとしてこういうフォントがあると、使う時って何気にあるんですよね。

<link href="https://fonts.googleapis.com/earlyaccess/nicomoji.css" rel="stylesheet" />

.wf-nicomoji { font-family: "Nico Moji"; }

この試験的な公開の以前からGoogleフォントとして公開していた唯一の日本語フォント。本文に使用しても問題ないくらい可読性が高いので、一部の人に人気があったのですが、若干重くて表示がもたつくという評判もありました。今は…大丈夫そうですよ。

<link href="https://fonts.googleapis.com/earlyaccess/notosansjapanese.css" rel="stylesheet" />

.wf-notosansjapanese { font-family: "Noto Sans Japanese"; }