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

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

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

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

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

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

&lt;head&gt;
&lt;link href="http://fonts.googleapis.com/earlyaccess/notosansjp.css"&gt;
&lt;/head&gt;

<head>

</head>

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

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

body {

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

}

要素（.notosans）名を作成して指定する▼

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

.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
    }