現實生活中的可變字型

分享可變字型的實用指南，內含許多範例。

Rachel Andrew

如果您還沒開始使用可變字型，建議閱讀 Evil Martians 的 Roman Shamin 和 Travis Turner 撰寫的「Variable fonts in real life」一文，瞭解可變字型的絕佳用途，以及下一個專案應採用這項技術的原因。

可變字型現在已獲得瀏覽器的大力支援。這有助於提升效能，因為瀏覽器只需要下載單一字型檔案，就能顯示所有變化版本。不過，如本文所示，這些字體也能協助將字體粗細與標誌和其他元素相符、解決淺色和深色模式之間的對比問題，以及讓小字更易於閱讀。

Browser Support

  • Chrome: 62.
  • Edge: 17.
  • Firefox: 62.
  • Safari: 11.

Source

主頁橫幅圖片：Florian Klauer