我不时会发现自己积累了一些关于我感兴趣的各种事物的链接。 排版就是其中之一! 这里列出了一些我一直在保存的,我认为值得分享的排版链接,指向其他文章。

- Output Sans 变体 — David Jonathan Ross 的 Output 是一款真正的主力字型。 他一直在将它重新设计为变体字体,作为一项让变体字体“跨越障碍”的努力——也就是说,不再被认为是实验性的,而是被认为在日常使用中很实用。
- 行长 — Shawn 说,“将
max-width: 69ch
应用于您的博客内容块似乎是一个显而易见的直接胜利。” 很棒。 Oliver Schöndorfer 最近也 深入研究了行长。 - 使用“calc”智能地设置行高 — 查看 Josh 的自定义 CSS 重置的这一部分。 这可能是一种很酷的方法,可以用一个步骤同时处理正文文字和标题的
line-height
。 - 女性排版 — 来自雷丁大学团队的超棒网站。 “这些女性每天都在开发和制作字体,而这些字体最终几乎总是归功于男性设计师。 她们值得关注,因为她们是 20 世纪许多著名字体的设计过程中重要的贡献者。”
- 零售 — “零售是我们将精力集中在人文主义无衬线字体的不太流行的领域的结果。” 来自 OH no Type Company 的非常棒的作品。
- 设计师之选:2022 年最佳 Google 字体 — 您可以在几秒钟内免费从零开始实现自定义字体,这使得 Google 字体成为最常用的自定义字体解决方案,很可能只要它存在就会保持这种地位。 幸运的是,它的网站已经得到了很大的改进,它们的性能也得到了提升(并且可以控制),而且正如 Qode 上的这篇文章所展示的那样,现在有许多非常棒的新选择可用。 我喜欢 Space Grotesk 的外观。 Typewolf 时事通讯总是介绍新的优质字体。 最近的:Readex Pro 和 Spline Sans。
- Google 字体知识 — 说到 Google 字体! Elliot Jay Stocks 致力于这个庞大的项目: “30 多节课分布在三个模块中——“介绍字体”、“选择字体” 以及 “使用字体”——以及 100 多个词汇表定义。”
- 现代流体排版编辑器 — Adrian Bece 的这个生成器工具的输出与 Andy 的一致、流畅缩放的类型和间距 中的
clamp()
东西非常相似。 Adrian 的工具可以帮助您可视化“曲线”,但实际上这个 流体字体比例计算器 来自 Aleksandr Hovhannisyan 可能在设置新项目时更实用一些,因为它提供了一整套自定义属性供您使用。
您上个月是否有任何值得分享的有趣排版链接? 在评论区中分享一下吧!
我喜欢自托管字体,https://google-webfonts-helper.herokuapp.com/fonts 是一个方便的工具,可以轻松设置它。 我本人是 Libre Franklin 的忠实粉丝,它具有良好的字重范围,类似于老式的 Franklin Gothic 字体。
我还没有找到一款完美的无衬线字体,它具有 I、l、1、0、O 之间的清晰区别; 具有适当的字间距,这样某些字符就不会连在一起,具有适当的符号,大写字母的任何部分都不在基线下方,大写字母与 t、i、d、f、h、k、l、b 的高度相同,并且所有数字都一样。
我们的编码字体网站展示了一些这些区别
https://coding-fonts.css-tricks.com/fonts/comic-code/?language=charmap
编码字体似乎是一个很好的举措。 但是,正如我在评论中写的那样,我正在寻找无衬线字体。
Google 字体的便捷现实预览:https://usefonts.netlify.app/