一些排版链接 V

• 我研究了前 1000 个网站的字体。以下是我学到的东西。 — Michael Li 提供了数据。无衬线字体占据主导地位。“[…] 很少低于 10px 或高于 24px。” 而且可怜的 <h5> 总是与 <p> 大小相同。这让我对 <h6> 更加难过，难道你注定要比正文更小吗？
  
• 跟踪和字距调整如何改善全大写文本 — Oliver Schöndorfer 深入探讨了为什么全大写文本在间隔开时通常看起来更好（即 CSS 中的 letter-spacing）。我不是什么著名的排版师，但这与我始终以来的感觉一致。全大写文本间隔开看起来不错（有时相当大），反过来，跟踪小写文本几乎从未看起来不错。就像 著名引言 的 PG 版本。
  
• 利用 Web 上的系统字体 — Jim Nielsen 分享了我对 CSS 中“系统字体”的一些困惑。就像我们现在有 system-ui 一样，我经常使用它，因为它实际上可以在 Chrome 和 Safari 中用于选择系统字体（即使用 macOS 上的 San Francisco）。在那之前，要利用相同的功能，您需要 一个很长的堆栈。但是对于真正的生产站点，我们仍然需要堆栈，因为 system-ui 并非普遍支持。不过，未来有一个美好的世界，因为我们将获得 ui-sans-serif、ui-sans-serif、ui-monospace 和 ui-rounded。浏览器支持非常有限，但它将 变得很棒。
  
• 更简单的字体许可：推出 V2 — “V2 的核心在于：您购买字体，然后就可以使用它。” 天佑他们。作为几个网站的所有者，这些网站获得大量页面浏览量，但预算中没有大量的现金，我需要合理的网络字体定价。
  
• 加快网络字体的 5 个步骤 — Iain Bean 讲解了最重要的内容：WOFF2、font-display、<link rel="preload" ...>、子集和自托管。并且永远不要忘记 圣经。
  
• 减少字体加载影响的新方法：CSS 字体描述符 — Barry Pollard 观察了新的 CSS 描述符（不仅仅是常规属性，因为它们仅在 @font-face 块内工作），如 size-adjust 和 ascent-override。是的。这太棒了。 我宣布完美的字体回退 是有史以来最棒的 CSS 技巧之一，但遗憾的是，它需要一点 JavaScript 和技巧。这将所有内容完美地引入 CSS 中。
  
• 为什么您应该停止使用 Times New Roman — Vanessa Hill 被要求将研究论文重新格式化为 Times New Roman。有人告诉她这是因为它非常易读，并且研究了真相：事实并非如此。就我个人而言，我无法忍受它的外观，因为它看起来像是您的字体堆栈在 CSS 中失败了。
  
• 像素字体转换器！ — 看起来像一个古老的工具（通过 Remy Sharp），但我喜欢它，因为它为任何知道如何绘制一些字母并保存静态图像的人打开了创建字体的想法。