ホームページのフォントを何とかしたいと常々思っていて、ウェブフォントをずいぶん前から導入したかったのだが、うまく反映されなかったので放置していた。
ふと思いたって、検索したら【Noto Sans Japanese】があり。以前から知ってはいたが、googleとadobeが共同開発した無料のウェブフォントだ。
CSSファイルに以下を追加する。
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
body {
font-family: 'Noto Sans Japanese', serif;
}
そうすると、Google Fonts : Early Accessのフォントが反映されます。
やってみたらあっさり成功。PC用とスマホ版の文字が違っていて違和感あったのも解消。
自分で作ったフォントでも表示できるようだけど、さくさく気楽にというには遠い感じだ。
とりあえず、【Noto Sans Japanese】はあっさり表示できます。
