Googleの日本語Webフォントを使ってみた
結構きれい!って感じで評価されていたので、Googleの日本語Webフォントをブログと、ホームページに入れてみました。
組み込むこともできるみたいですが、12.6MBもあるみたいですし、変更があった時に、また組み込み用に軽量化して、入れるのが少々めんどくさいので、googleから呼び出す方式にしました。
CSSに
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
|
適用させたいところにフォント指定します。今回は、全体ってことで、bodyに適用
body {
font-family: 'Noto Sans Japanese’, “メイリオ", serif;
}
|
って感じにしました。自分のブログを例に、どうなったかの比較
before
after