Noto Sans JP (japanese) フォントのインポート
CSSファイルにインポート文を追加する場合▼
|
1 |
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css); |
HTMLファイルの<head>内にlinkタグで指定する場合▼
|
1 2 3 |
<head> <link href="http://fonts.googleapis.com/earlyaccess/notosansjp.css"> </head> |
全てのテキストでNoto Sans JPを利用する場合▼
|
1 2 3 |
body { font-family: 'Noto Sans JP', sans-serif; } |
要素（.notosans）名を作成して指定する▼
|
1 2 3 |
.notosans { font-family: 'Noto Sans JP', sans-serif; } |
font-weight の指定
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 |
/*------------------------- 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 } |
