我总是忍不住收藏与排版相关的优秀链接。恐怕我不得不再次让您 看到 一堆链接,全部集中在一起。所以,那些关心网页字体的人,请尽情享受吧。
我知道有很多充分的理由让人们对可变字体感到兴奋。在一个文件中拥有无限变化的设计可能性是其中最重要的原因。但我仍然最兴奋的是性能优势。拥有一个优雅地处理粗体权重(用于加粗)和斜体的单个文件非常酷。我迫不及待地想挥舞着拳头说,在我的时代,我们必须为我们的字体变体加载多个文件!
Mandy Michael 深入探讨了性能影响,而不仅仅是减少请求数量。
即使您考虑了稍微更大的文件大小,当与改进的字体压缩格式(如 WOFF2)以及字体子集和字体加载技术(如
font-display: swap;
)结合使用时,我们最终会处于一种可以 获得 更小的整体字体文件大小以及显著增加风格化机会的情况。
Anna Monus 也 对可变字体的性能进行了测试,评估了加载字体的 12 个变体与可变字体相比的极端情况。即使她拥有的 Roboto 可变字体副本非常庞大(超过 1MB),与加载 12 个变体相比,性能仍然有所提升。
Roboto 当然在 Google Fonts 上,并且它拥有 遥遥领先的第 1 位。但 Google Fonts 现在也有 Inter,我预计它在图表中的排名会大幅上升,因为它拥有每个人似乎都喜欢的风格,并且可以与几乎任何东西搭配使用。
看到 可变字体控制笑脸 永远不会让我不开心。不要错过第一个面部滑块,lollllz。
Klint Finley 在 WIRED 上谈论高质量开源字体的激增。有时它们得到拥有雄厚资金的公司支持,这是有道理的。但这样做的动机各不相同。有时质量是目标。就像任何开源一样,大量的贡献,如果处理得当,可以导致更好的产品。但开源并不总是意味着没有商业可能性,如果不是,并非每个人都关心 在所有事情上都赚钱。
说到开源字体,Collletttivo 是一个开源字体铸造厂,拥有十几种字体,包括一种可变字体。这是一个非常有趣的网站,您可以打开并四处移动小窗口进行探索。
有一个名为 FontGoggles 的新 Mac 应用程序,用于深入研究字体文件并查看它提供的功能。似乎这很容易,但实际上并非如此。我喜欢它支持 WOFF/2,因为这几乎是我们网络上处理的所有内容。
此外,请记住,有一个网站可以通过 有史以来最好的名字 在字体文件中查找内容。
Font Match 允许您将字体叠加在一起进行比较。似乎它更适合大型字体并比较其功能,而 Font style matcher 更多的是关于比较段落文本。
事实上,使用 Font style matcher 创建完美的字体回退是我最喜欢的 CSS-Tricks 之一。嘘……不要告诉任何人,但我正在将这些最喜欢的技巧汇编成一本书,比如 这一章。您需要订阅才能阅读它,因为这就是重点:我想出售这本书。因此,如果您现在碰巧订阅了,那里有一些内容可以阅读,但您将成为其余部分的非常早期的支持者。
首先,我很高兴看到我的应用程序(Font Match)出现在您的列表中,Chris!
我想指出,它不是那么适合大型字体(例如,我默认加载字体的常规版本),而是更多地用于比较字母的形状,目的是将其用于正文或标题/正文。它受到 http://typeconnection.com 的启发。
对我来说,该应用程序最有用的部分是“内联”,您可以在其中看到字体在同一行中使用时的匹配情况。一个用例是,当您有一个喜欢的字体,但它不支持某种语言时。您可以使用此视图查找具有相同“印刷色彩”且支持该语言的类似字体。