现实生活中的可变字体

分享有关可变字体的实用指南,并提供大量示例。

如果您还没有开始使用可变字体,不妨参阅 Evil Martians 的 Roman ShaminTravis Turner现实生活中的可变字体一文,了解一些优秀的用例,并说明了您的下一个项目应该做出改变的原因。

可变字体现在提供出色的浏览器支持。由于浏览器只需下载所有变体的单个字体文件,因此有助于提高性能。 不过,正如本文所示,它们还有助于将字体粗细与徽标和其他元素进行匹配,解决浅色模式和深色模式之间的对比度问题,以及让小文本更易于阅读。

浏览器支持

  • 62
  • 17
  • 62
  • 11

来源

主打图片:Florian Klauer