Google Fonts+Japanese Early Accessを使う

日本語Google Fontの使い方のメモ。

//Web Font

Noto Sans Japanese ~

<link rel="stylesheet" href="https://fonts.googleapis.com/earlyaccess/notosansjapanese.css">
 
.wf-notosansjapanese { font-family: "Noto Sans Japanese"; }

M+ 1P

~ 日常的に使うための飽きのこない、それでいてちょっと気になるデザイン。

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


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

Rounded M+ 1c

~ 明るく伸びやかなデザイン。

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


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

はんなり明朝

~ 明朝体は墨溜まりを意識したデザイン。

<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/sawarabigothic.css" rel="stylesheet" />

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

さわらび明朝

~ 本文用のフォントとして使いやすくなるようにイメージしています。

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

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

Nikukyu (ニクキュウ)

~ モリっとして、ツヤのあるカタカナフォントです。

<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 Fonts + 日本語 早期アクセス

コメントを残す