Google Fonts + 可变字体

Avatar of Chris Coyier
Chris Coyier

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

我看到 Google Fonts 推出了一个新的设计(推文)。 与上次大型重新设计相比,这次感觉更具迭代性。 我几乎看不出区别,除了它是蓝色的而不是红色的,还有一个非常棒的复选框:仅显示可变字体

在上面的主导航中,提供显示可变字体的选项是一个非常大胆的功能。 这是对该功能的坚定承诺。 鉴于 Google Fonts 拥有约 90% 的托管网络字体的市场份额,并处理了 数万亿次 请求,这将极大地激发人们对 可变字体 的兴趣和使用。 网络设计师和开发人员对可变字体已经期待了一段时间,但我敢打赌,今年我们将开始看到它在更广泛的领域中使用。

一些关于可变字体的灵感促使了微型网站的诞生。 请参阅 v-fonts.comAxis-Praxis。 这里还有一个:variablefonts.io! 与其他网站一样,它也提供了交互式示例,但它还包含最新的直接建议和资源链接。

Google Fonts 最近做得另一件非常棒的事情是允许使用 font-display。 它有一个不错的默认值 (swap),并且可以轻松地作为查询参数进行更改。 Matt Hobbs 有一篇 最近的文章 讲述了它的作用、重要性和使用方法。

说到 Google Fonts,我前几天偶然发现了浏览器扩展程序 Snapfont。 这是一个“随心所欲付费”的东西(我给了他们 5 美元)。

它只是用您选择的字体替换网站上的所有字体,让您快速体验一下。 它没有任何选项,因此不适用于微调任何选择。“标题”按钮对我来说根本不起作用。 但我喜欢它简单易用,可以快速体验使用新字体的网站。