一些我一直收藏的链接
- ““如何为用户界面和应用程序设计选择字体?” 作者:Oliver Schöndorfer。我喜欢“功能文本”这个术语,它代表所有不是显示或正文的文本。寻找清晰可辨的字母、开放的形状和低对比度。这让我想起我们在 Coding Fonts 网站上拥有 charmap 屏幕,但仍然需要 重新拍摄大多数截图 以便它们都包含它。
- “用于界面设计的等宽字体“ 作者:Lisa Staudinger。另一方面,“等宽”字体是“等距”字体,但每个字符在不同的字形或粗细中占据相同的空间。“所以您可以更改
font-weight
,但字体占据的框不会改变。对于菜单来说很不错!这是一个不同的概念,但它让我想起了 Operator 字体(与 Operator Mono 相反),它“是一个自然宽度字体系列,其字符的比例根据它们的重量和底层设计而有所不同。” - “我们应该标准化字体粗细的命名吗?” 作者:Pedro Mascarenhas。就如同,字体的实际名称,而不是 CSS 中的
font-weight
,我们已经有了名称和数值,但我们受限于字体。 图像展示了不同字体(例如 Gilroy Heavy 和 Avenir Heavy)之间的差异,说明了这一点。 - “关于可读性和易读性“ 作者:Bruno Maag。“功能可访问性”是另一个很好的术语。我们可以创建一些启发式方法,例如特定的
font-size
,来实现良好的可访问性,但这会损失所有细微差别。好的排版包括使字体易读和易懂。一般来说,就是这样。我意识到排版是一个广阔的世界,您可能正在设计一个故意既不可读也不易懂的粗糙滑板。但如果您确实实现了可读性和易读性,它会带来很多好处,例如美观和让我认真对待你,但更好的是:可访问性。 - “字体大小毫无用处;让我们修复它“ 作者:Nikita Prokopov。“毫无用处”可能有点过分,因为它控制了字体大小。但这个图形确实说明了这一点。我发现自己最近也提出了相同的观点。跨越不同的字体,相同的
font-size
可能会有不同的感觉。 - “无衬线字体选择” 作者:Tejas Bhatt。从大量字体选择中为长篇新闻平台选择字体,最后减少到只有几个,然后最终选择了Söhne。我喜欢所有非常实用的考量,例如(又一次)较高的 x 高度、不太粗,甚至价格(尽管最终的选择是该组中最昂贵的之一)。
- “Plymouth Press“ 作者:James Brocklehurst。如今您不会看到很多“SVG 字体”,即使这个想法(任何 SVG 都可以是一个字符)非常酷。这个字体,由于它全部是粗糙的,拥有过多的矢量点,在网络上不实用,但这对于本地设计软件的使用来说影响不大。
- “超越 Calibri:寻找微软的下一个默认字体”(我想没有人想要这个标题)。我被他们为博客文章选择的示例图形所厌恶,以至于我无法强迫自己去关心,即使这应该非常有趣,因为它的使用规模很大。 推文好一点。
- “为什么您应该在 2021 年自行托管 Google 字体“ 作者:Gijo Varghese。我知道“缓存分区”(我的网站无法使用来自您的网站的缓存字体,即使它们都来自 Google),但我可能已经看到了自己在关于此的讨论中提出另外两个论点的场景,并且看到它们在这里被驳斥很有趣。
还有一篇关于无障碍字体的很棒的文章 - https://uxdesign.cc/testing-fonts-for-accessibility-817f47011078
受这篇文章启发 - https://css-tricks.cn/a11y-is-web-accessibility/ - 我创建了一个关于“accessibIl1ty”的插图,作为“a11y”的替代方案。我想可视化一些可读性和易读性问题,例如:Il1 测试、几何形状和易混淆的字符形状 (a、c、e、s)、细线、低色差、背景过亮和紧密的字间距 - https://www.behance.net/gallery/113484209/accessibIl1ty-an-alternative-to-a11y