GoogleWebFonts「Noto Sans Japanese」を使う

GoogleWebFonts「Noto Sans Japanese」を使う

2014年にリリースされた、Google と Adobe が共同開発した「Noto」というフォントは、
font-weightも数種類あり、ブラウザでの表示もとてもきれいです。

また、GoogleWebFontsとして無料でサイトに導入できます。
※弊社サイトも使用中

設置方法

HTMLの 〜 内に下記のコードを読み込みます。


次にCSSで、font-familyで下記のように指定します。
body全体に指定でもいいかもしれません。

.noto {
font-family: 'Noto Sans Japanese', serif;
}

font-weightは、下記のように指定可能です。

.fw-100 {font-weight:100;}
.fw-200 {font-weight:200;}
.fw-300 {font-weight:300;}
.fw-400 {font-weight:400;}
.fw-500 {font-weight:500;}
.fw-600 {font-weight:600;}
.fw-700 {font-weight:700;}
.fw-800 {font-weight:800;}
.fw-900 {font-weight:900;}

Cordingカテゴリの最新記事