FL-Rules

GoogleWebFonts「Noto Sans Japanese」を使う

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

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

設置方法

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

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

次に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;}
URL
TBURL

Leave Comments

*
*
* (公開されません)

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

Category List

Return Top