事象発生日：2018-08-21
記事公開日：2018-08-21
アクセス数：22766
このサイトの基本フォントはヒラギノ角ゴ ProN W3であったが，ヒラギノがインストールされていないWindows環境では游ゴシックが使われていた．
Google Chromeでこの游ゴシックがかすれて見づらいという問題があったため，WebフォントであるNoto Sans JPをあてることにした．
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);
.hoge {
font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
太さ，ブラウザの対応状況の比較．
[normal]
【フォント】Webフォントとして，Noto Sans JP をあてた．
[bold]
【フォント】Webフォントとして，Noto Sans JP をあてた．
[lighter]
【フォント】Webフォントとして，Noto Sans JP をあてた．
[bolder]
【フォント】Webフォントとして，Noto Sans JP をあてた．
[100]
【フォント】Webフォントとして，Noto Sans JP をあてた．
[200]
【フォント】Webフォントとして，Noto Sans JP をあてた．
[300]
【フォント】Webフォントとして，Noto Sans JP をあてた．
[400]
【フォント】Webフォントとして，Noto Sans JP をあてた．
[500]
【フォント】Webフォントとして，Noto Sans JP をあてた．
[600]
【フォント】Webフォントとして，Noto Sans JP をあてた．
[700]
【フォント】Webフォントとして，Noto Sans JP をあてた．
[800]
【フォント】Webフォントとして，Noto Sans JP をあてた．
[900]
【フォント】Webフォントとして，Noto Sans JP をあてた．
今、ベースフォントはnormal (400) を使っているけど， 300くらいにしてみようかな．
| Google Fonts. Early Access. Retrieved August 21, 2018, from https://fonts.google.com/earlyaccess#Noto+Sans+JP |
名前
Email (※公開されることはありません)
コメント