OKADA LABO

googleの日本語font「Noto Sans Japanese」

googleの日本語fontで「Noto Sans Japanese」の使い方をメモしておきます。

https://googlefonts.github.io/japanese/#notosansjapanese

 

head内に貼り付けるならば

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

css

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

これでOK

 

 

あと最近のお気に入りのfont指定

body{
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}

参考
http://sole-color-blog.com/blog/design/963/