源ノ角ゴシック

AdobeとGoogleが共同で3年もかけて制作した、源ノ角ゴシックがオープンソースでリリースされました。”ゲンノカクゴシック”と読みます。
“ノ”がジブリメソッドらしいです。

さっそくNitrous.IO+Hexo+bitureのブログでも使ってみました。

インストール

Google Noto FontsからNoto Sans Japaneseをダウンロードします。

$ cd
$ wget http://www.google.com/get/noto/pkgs/NotoSansJapanese-windows.zip
$ unzip NotoSansJapanese-windows.zip
$ mkdir ~/workspace/blog/themes/biture/source/fonts
$ cp NotoSansJapanese-windows/NotoSansJP-Thin-Windows.otf ~/workspace/blog/themes/biture/source/fonts

スタイルシートにfont-familyを追加します。
ウェイトとサイズは悩ましいのですが、DemiLightと16pxにしました。

~/workspace/blog/themes/biture/source/css/biture.css

body {
...
  font-size: 16px;
...
}
...
@font-face {
font-family: "Noto Sans";
  src: url(/fonts/NotoSansJP-DemiLight.otf) format("opentype");
}
...
.article-entry {
  margin: 15px 0 35px 0;
  text-align:justify !important;
  font-family: "Noto Sans", Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}