708meo

  • fecebook
  • twitter
  • RSS

GoogleのWebフォント 「Noto Sans Japanese」(日本語)にしてみた。


いまさらですが、Google Webフォント「Noto Sans Japanese」にブログを対応してみました。

Google Webフォント「Noto Sans Japanese」の利用方法

notosansjapanese.cssを読み込む。

読み込む方法は2種類あります。

@importで読み込む方法

CSS内に

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

を貼り付ける。

link要素で読み込む

<head>〜</head>内に貼り付ける

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

font-familyの指定

font-weightの指定は

font-weight:100;~font-weight:900;までできます。

Google Webフォント「Noto Sans Japanese」の対応前と対応後を貼り付けておきます。

●メイリオ

メイリオ

●「Noto Sans Japanese」のfont-weight:200;

Noto-Sans-Japanese 200

●「Noto Sans Japanese」のfont-weight:300;

Noto-Sans-Japanese 300
※現状はGoogle Webフォント「Noto Sans Japanese」外してあります。