【Labs】フォントの設定はこれで決まり【2020年度版】

Posted on 2020-04-27
Last updated on 2020-04-27

こんにちは（・∀・）

【2018年度版】フォントの設定はこれで決まりはタイトル通り2018年の投稿なので1年空いちゃいましたが、2020年のフォント設定ってどうなっているのでしょうか。変わったのか変わってないのかどちらなの！？

前回もご紹介しましたが、日本語環境向けで「一般的なフォント設定」は次の通りです。


.sample {
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

Windowsなら「メイリオ」や「ＭＳＰゴシック」、Macなら「ヒラギノ角ゴシック」を指定します。この設定をしておけば間違いありません。

で、前回の投稿でベストなフォント設定ということでご紹介したのが次の「游ゴシック」を中心としたこちらの設定。


.sample {
font-family: "游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,sans-serif;
}

WindowsとMacの両方で使えて同じ書体を表示をさせることが出来ます。

Macでは普通に「"游ゴシック体",YuGothic」を指定、Windowsではフォントの太さ対策に、「"游ゴシック Medium","Yu Gothic Medium"」を指定して調整。

では、今年のベストなフォント設定ですが...

特に変更はなく「前回と同じ」で良いかな、と思っています。

ただし、前回は「游ゴシック」を中心とした設定だけをベストな設定ということにしましたが、今回は最初にご紹介した「一般的なフォント設定」の両方ということにしました。

「一般的なフォント設定」をベースに、ちょっと変わったフォントはWebフォントで設定する、というのでも良いのかなという考えからです。

最後に、今回も当サイトのフォント設定をご紹介します。

Webフォント以外は次の設定です。当サイトでは「游ゴシック」を中心とした設定を2020年も引き続き使用していきます。


.sample {
font-family: Verdana,"游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,sans-serif;
}