Noto Sans JP のhtml,cssの設定方法

最終更新日

Noto Sans JP (japanese) フォントのインポート

CSSファイルにインポート文を追加する場合▼

@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

HTMLファイルの<head>内にlinkタグで指定する場合▼

<head>
<link href="http://fonts.googleapis.com/earlyaccess/notosansjp.css">
</head>

 

全てのテキストでNoto Sans JPを利用する場合▼

body { 
font-family: 'Noto Sans JP', sans-serif; 
}

要素(.notosans)名を作成して指定する▼

.notosans { 
font-family: 'Noto Sans JP', sans-serif; 
}

 

font-weight の指定

/*-------------------------
noto
-------------------------*/
.weight100   {
    font-weight:100
    }
 
.weight300   {
    font-weight:300
    }
 
.weight400   {
    font-weight:400
    }
 
.weight500   {
    font-weight:500
    }
 
.weight600   {
    font-weight:600
    }
 
.weight700   {
    font-weight:700
    }
 
.weight900   {
    font-weight:900
    }

admin

東京都在住フリーのWebデザイナー、WEB講師

シェアする