タグ

ブラウザとfontに関するpocoponのブックマーク (2)

  • 2024年に最適なfont-familyの書き方 - ICS MEDIA

    ウェブサイトのフォントは何を指定すればよいのでしょうか? CSSのfont-familyプロパティーに指定可能なフォントは選択肢が多く、HTMLコーダーなら誰もが一度は迷ったことがあるはずです。 font-familyの組み合わせを紹介している記事は多々あります。しかし、必要のない指定や、考察不足なまま紹介している記事を見かけることは少なくありません。それもそのはず、フォント事情は日々変化するもので、古い情報は役立たないことが多いためです。 記事ではフォントに関わるここ最近のビッグニュースを取り上げつつ、教訓から学んだ変化に強い「無難」なフォント指定を紹介します。 結論 いきなり結論ですが、以下のフォントの組み合わせがオススメです。CSSのbodyセレクターなどにコピー&ペーストして利用ください。 body { font-family: "Helvetica Neue", Arial,

    2024年に最適なfont-familyの書き方 - ICS MEDIA
  • font-feature-settingsが効かない時の確認点 - Qiita

    font-feature-settingが効かない時に確認する点をまとめました。 1. 見ているブラウザに対応していない? 2019年3月現在、ほとんどのモダンブラウザに対応しています。 IEですら、10から対応しているので、 閲覧しているブラウザのバージョンが古いことで 効いていないというのは考えにくいでしょう。 Can I use... font-feature-settings https://caniuse.com/#search=font-feature-settings 2. ベンダープレフィックスが足りてない? -webkit-font-feature-settings: "palt"; これだけ付与していれば大丈夫。 この記事を参考にしています。 ベンダープレフィックスを検証したい場合に https://qiita.com/syo24/items/aa7cd9e7409d1

    font-feature-settingsが効かない時の確認点 - Qiita
  • 1