事象発生日:2018-08-21
記事公開日:2018-08-21
アクセス数:23740
このサイトの基本フォントはヒラギノ角ゴ 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 (※公開されることはありません)
コメント