font-family いろいろ

あやつき＠iTMSJ.Info

Windows,
Mac,
Android,
iOS,
それぞれで、効く / 効かない　とか、そこそこ面倒。

比較的、有望ゴシック

font-family: 'Roboto','Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','YuGothic','Yu Gothic Medium','Meiryo','MS PGothic',sans-serif;

英数フォントを考えないのであれば、先頭5フォントは削除対応。

明朝は、Web には不向き。固定幅の画像表示が確実。どうしても使う場合は、

/*明朝系*/
font-family: 'Times New Roman','Yu Mincho','YuMincho','Hiragino Mincho ProN','Hiragino Mincho Pro','Meiryo',serif;

リキッド・スマホ対応等で、文字サイズが変わる場合、weight を nomal では使わない前提。Bold にしていないと、基本的には、見えない・かすれる・1px 以下が発生する、という不具合の可能性が大、となる。

だいたい毎年、3月ごろになると、新しい年版おすすめフォント、という記事が上がりだす。
2022年 例；https://ics.media/entry/200317/

確認して組み合わせを作ってみたい場合
Font-familyメーカー

有名企業サイトでの利用フォント
https://www.rivfield.com/famous-sites-css-font-family/

いいなと思ったら応援しよう！