游ゴシックをCSSでfont-family指定する方法と問題点


游ゴシック自体はとても綺麗なフォントなので上手に使いたいところ、、、

CSSで游ゴシックをfont-family指定する方法

WindowsとMacへのして方法が違います。

そう、Windows向けには単語の間にスペースありでクォーテーションでくくる必要があります。Macの場合はスペースナシ。

ウェブサイトのフォントを游ゴシックにした場合の問題点

iOS・Androidには游ゴシックが反映されない

iOS・Androidには游ゴシックが含まれないので反映されません。それらを理解の上使う必要があります。

WindowsのChromeでfont-weight: 400 だと文字がかすれる

なので、基本のfont-weightを500に設定して使う必要があります。

WindowsのIEで表示が崩れる

WindowsのIEで、文字の下に謎のスペースが発生します。

游ゴシックはサイトのfont-familyに指定するべきなのか

WindowsのIEを無視した際に

 

参考:https://qiita.com/Shinji-m/items/f38987692a4dffd0b1f4