このページは Cloud Translation API によって翻訳されました。

実際の可変フォント

可変フォントに関する実用的なガイドを、多くの例とともにご紹介します。

Rachel Andrew

可変フォントの使用をまだ試していない場合は、Evil Martians の Roman Shamin 氏と Travis Turner 氏による記事「Variable fonts in real life」で、優れたユースケースと、次のプロジェクトで変更を加えるべき理由を確認してください。

可変フォントは、ブラウザで優れたサポートを受けられるようになりました。ブラウザはすべてのバリエーションに対して 1 つのフォントファイルをダウンロードするだけで済むため、パフォーマンスの向上に役立ちます。ただし、この記事で説明するように、フォントウェイトをロゴやその他の要素に合わせたり、明るいモードと暗いモードのコントラストの問題を解決したり、小さいテキストを読みやすくしたりすることもできます。

Browser Support

Source

ヒーロー画像: Florian Klauer