如何在现实世界中使用可变字体

Avatar of Robin Rendle
Robin Rendle

DigitalOcean 为您旅程的每个阶段提供云产品。 立即开始使用 价值 200 美元的免费积分!

昨天,Richard Rutter 发布了一篇很棒的文章,探讨了 Clearleft 团队如何使用可变字体构建 新的 Ampersand 会议网站(这就是允许我们将多种宽度和粗细打包到一个字体文件中的技术)。 不过,真正令人兴奋的是

两个月前,浏览器对可变字体的支持率仅为 7%,但截至今天早上,支持率已超过 60%。 这意味着字体变化现在已成为一项可用的技术。

最棒的是,有大量可变字体可供我们实验,不仅是在浏览器中,而且在桌面设计应用程序中也是如此

支持可变字体的软件比您想象的更为普及。 例如,最新版本的 Photoshop 和 Illustrator 都支持它们,如果您使用的是 macOS 10.13+ 或 iOS 11+,系统字体 San Francisco 广泛使用字体变化。 也就是说,可用于的变体字体的可用性非常有限。 在撰写本文时,实际上没有可用的商业变体网络字体,但正在增加越来越多的免费和实验性变体网络字体,如 Axis Praxis 游乐场中所展示的那样。

Adobe 也 发布了一批可变字体,如果您正在寻找更多字体。

直接链接 →