2020.03.11

CSS font-family で游ゴシックや游明朝を指定する時の注意

この記事は、2020年3月9日に編集し、約 1 分で読めます。

游ゴシックって見やすくて使いやすいですよね。
今回は、CSS の font-family で游ゴシックを指定するときに、どういう風に記載するのが良いのかまとめておきます。

游ゴシックについて

ディスプレイでも印刷しても見やすいフォントとして人気です。
Windws であれば Windows 8.1 以降に、Mac であれば OSX Marverics 以降に標準で入っています。

font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";

上記の用に指定すると、Windows でも Mac でも適応されます。

Windowsの游ゴシックはとても細く、非常に見辛いです。
Medium にすることで、標準より太くなり見やすくなります。

システム開発やWebサイトのことでお悩みなら I-SEED にご相談ください！

I-SEED ではWebシステムやスマホアプリなどのシステム開発から、コーポレートサイトやECサイトなどのWeb制作、SEO対策やオウンドメディア構築・運用などのWebマーケティングまで、Webに関するさまざまなお悩みを解決します。

I-SEED では随時採用も行っています。エンジニア、ディレクター、デザイナー、ライター、マーケターなどの職種にご興味がある方は以下のページもご覧ください。