- 闪光文字 — whO(我学到了一个称呼那些用一个单词作为名字的人的名字:单名)创建了一个 构建器 用于制作精美的基于 SVG 的字体。 这是一个带有
<text>
的自定义字体,精美之处在于它使用了渐变和某种奇异的滤镜,这些滤镜会产生噪声并将噪声混合到颜色中。 - 针对深色模式的视觉尺寸调整 — Mark Boulton 以质疑可变字体的有用性开头(亵渎神灵!),然后找到了在深色模式中调整视觉尺寸的不错用例。 Robin 就在这里介绍了它,不久前。
- 视觉尺寸,可变字体的隐藏超能力 — 说到视觉尺寸,Roel Nieskens 在这里深入探讨了这个问题。 它不仅仅是重量问题……
此功能将使字母在显示为小尺寸或大尺寸时实际更改外观。 这一切都将在浏览器中自动发生。”
- v-fonts.com 的更新 — 然后说到可变字体,Piper Haywood 谈论了一些对 v-fonts.com 的更新,介绍了一些可浏览的分类。 我花了大约 20 秒浏览这个网站,就想重新设计所有使用可变字体的网站。
- 你只需要 5 种字体 — (Matej Latin) 我一直在听说这些神话般的设计师,他们将所有创造力都投入到深入学习如何使用一组非常有限的字体中。 也许这有点像我们这些只知道 HTML、CSS 和 JavaScript 的网络极客,并且只使用它们。
- 字体最佳实践 — 就像 CSS 一样,字体会极大地影响网页核心指标(例如布局偏移和绘制)。 Katie Hempenius 又在本文中介绍了如何使字体更快。 我认为这些最佳实践正在逐渐实施…… 预连接到字体主机、子集、
font-display
等。 - 无废话无衬线字体 — 有点像 云到屁股 浏览器插件,只是文本替换是通过连字(🤯)完成的,将它们转换为小巧的 Comic Sans 徽章。 其中一些是倾斜的? 这到底是怎么做到的?
- Bryan 字体 — Jon Hicks 为他去世的父亲 John Bryan Hicks 创建了一种字体。 这真是一个充满爱意的纪念。
- 继承祖先字体大小,为了乐趣和利益 — Lea Verou 又找到了
@property
的另一种用例。 我想知道,是否正在成为一种新兴的最佳实践,即注册所有自定义属性,因为它会释放可能性,并使它们的运行方式更符合您的预期。 Lea 展示了如何在 JavaScript 中进行@property
的浏览器测试,但是如果您出于某种原因无法做到这一点,并且不介意相当令人费解的 CSS,Jane 提供了一种纯 CSS 的方法。
一些排版链接 VI
DigitalOcean 为您旅程的每个阶段提供云产品。 立即开始使用 200 美元的免费信用额度!