最近关于可变字体的优秀资源层出不穷(我们的标签也包含大量相关内容)。我想把之前没见过的所有新东西都整理一下。
- Google Fonts 提供了托管可变字体的测试版,并且公告演示在 CodePen 上。
- 说到 Google Fonts,Recursive 非常漂亮,即将加入 Google Fonts。它甚至有一个小游乐场,用于展示其可变的可能性。
- WordPress 默认主题(“TwentyTwenty”)的年度发布将由Anders Norén完成。它将是对Chaplin的重新设计,并准备使用酷炫的 Gutenberg 块。字体将是Inter,它非常漂亮,当然,也是一个可变字体。屏幕截图看起来很棒。
- 这是一个滑块 UI 的不错演示,其中活动幻灯片具有粗体字体,在非活动幻灯片上会动画转换为细体变体。我仍然喜欢字体重量动画的外观,例如Marvin Visions 网站和 Michelle Barker 的Breathing。
- 可变字体有一种让用户产生奇怪情绪的能力(看看Mandy Michael 的演示)。但通常,这些实验在本质上仍然是排版方面的。但Typearture并非如此,其演示是飞机、汽车、卡车、猪以及各种奇怪的东西,这些东西令人惊叹。就像这匹飞奔的马!
- 请记住,Wakamai Fondue(有史以来最好的网站名称)非常擅长发掘可变字体的技术可能性。
- 视觉演示在 WebGL 中插值的可变字体。
- Grammato 大胆宣称自己是下一代排版。不是手写体或手写体字体,而是一种类似手写体的字体,它利用可变字体以某种方式发挥作用。我不确定我是否完全理解,但该网站很不错。
- 最后留下了最有趣的字体:This Man This Monster 来自 COMICRAFT,外观超级酷,并且具有不寻常的可变字体变量:Bite、Chew 和 Wonk(与常见的重量和倾斜等变量不同)。
在现实世界中使用可变字体很困难。这篇文章介绍了我们如何构建新的 Ampersand 网站以及我们在过程中学到了什么。请尝试访问http://www.fontvilla.com
嗯,字体是矢量图,对吧?因此,与其为每个粗细程度准备9种字体,我们能否使用描述字体如何加粗/增长的矢量图?
很棒的汇总,Chris,
我还没有在我的作品中使用任何可变字体,但我一定会查看这些内容,以用于我的下一个作品。我开始在我的客户网站上大量使用 SVG 并对其进行动画处理。
Phillip