界面设计的统一字体

统一字体在交互式界面中具有很大的潜力。这是一些可用选项的简短方便的汇编。

作为Web /界面/视觉设计师，我经常处理标签状态。选定，未选定，活动，不活动，可用，缺货。考虑到永远不要将颜色用作唯一的视觉提示（总是记住可访问性，亲爱的设计师），所以文本权重通常是我的首选解决方案。但是，如果您以前曾经使用过精确设计的界面，那么就会知道，当您将标签从常规切换为粗体时，发现像棘手球那样刻意摆放的标签会令人沮丧。

解决此问题的方法：“等宽”字体，有时也称为“等宽”，“双面”或“多重”字体。不，我在这里不是在谈论等宽字体。

非类型书呆子的简短说明：等宽字体，也称为非比例字体，是一种其字母和字符各自占据相同量水平空间的字体（例如，大写A与小写w具有相同的宽度，或欧元符号）。传统上，等宽字体用于打字机，或者如今用于设置计算机代码。

另一方面，等宽字体是按比例隔开的字体，但是每个字符在不同的裁切或粗细处都占据相同的空间。实际上，这意味着无论您将文本设置为多大的重量，它都不会改变其长度或导致文本重排。

尽管此功能允许在静态排版中进行一些创造性的分层，但对于界面设计而言绝对是惊人的，因为界面设计往往只需要很小的改动就可以快速解决问题。例如，更改悬停时单个菜单项的权重通常会导致整个菜单在尝试调整更改时出现不稳定的抽动舞。使用全角字体可以轻松解决此问题，而无需任何其他代码。

还考虑到我们看到了可变字体的增加，这经常允许在不同的粗细和字体之间进行平滑的插值，因此对于交互式设计项目而言，均匀字体无疑是非常有价值的。

由于此功能只不过是静态排版中的一个不错的头，因此就可以找到很多关于等宽字体的资源也就不足为奇了。到目前为止，我发现有两种资源可用于编辑等宽字体，Identifont的“等宽字体”列表和David Sudweeks自2015年以来收集的“等宽字体”集合，这两种资源仍包含大量选项。

考虑到界面和网页设计的特定需求以及近年来可变字体的激增，我希望（并希望）在不久的将来看到更多的单角字体。

而且由于永远不可能有足够的类型选项，因此我最近遇到了一些其他的全角字体。 （注意：我不在此选择中包括等宽字体，因为这些字体通常是等宽的，并且更容易找到。）

递归是一种可变字体，旨在“最大限度地提高多功能性，控制力和性能”。递归具有比例和单声道版本，可以沿四个轴进一步控制这两个轴：权重，随便，倾斜和草书。休闲剪裁呼应柔和＆amp;弯曲的休闲招牌笔触，为原本严肃的字体增添了趣味。递归支持多种基于拉丁语的语言，包括越南语。它还带有一组扩展的货币，符号，分数和箭头。

递归可从SIL Open Font License 1.1获得免费下载，可从Google Fonts或Github和开源下载。

PT Root UI是一种现代的无衬线无衬线字体，具有四种权重（轻，常规，中，粗体）。 PT Root UI专为屏幕阅读，界面和网站而设计。它具有广泛的语言支持，包括拉丁扩展和西里尔字母（包括西里尔字母亚洲），并带有表格形式的数字，货币符号，分数和索引，以及许多箭头和其他形式。

可以通过Paratype网站上的SIL Open Font License（OFL）免费下载PT Root UI。

同样通过Paratype，Golos Ui具有三种权重（常规，中等，粗体），也可以作为变量类型使用。 Golos UI总体上与PT Root Ui相似，但比例略有缩小。它具有广泛的语言支持，包括拉丁扩展和西里尔字母（包括西里尔字母亚洲），并带有表格形式的数字，货币符号，分数和指数，以及许多箭头和其他形式。

根据Paratype网站上的SIL开放字体许可（OFL），可以免费下载Golos UI。

Grandstander是一种有趣的sans-serif可变字体，其灵感来自儿童读物，“将吸引年轻人”。字母弯曲且略微膨胀，使其具有漫画般的美感。 Grandstander带有九种砝码（细到黑）的静态版本，带有匹配的斜体。变量版本有两个轴：重量＆amp;倾斜。它支持“拉丁脚本范围内的多种语言”，并包括表格形式的数字，以及小数，替代和连字。

可以在Google字体和Github上根据OFL（开放字体许可）免费下载Grandstander。

安格斯（Angus）是现代的无衬线字体，带有圆形端子，具有明显等距的美学效果。安格斯有五种砝码（从轻质到超硬），并带有匹配的斜体。安格斯（Angus）支持拉丁文字集，并包含旧式＆amp;表格数字，分数和索引，连字和箭头。

Halvar是一个大型字体系统，共有162种样式。 Halvar加上Halvar模具，具有三种宽度（宽，普通和压缩），以及九种配重（从细线到黑色），带有两种斜体版本（倾斜和超倾斜）。 Halvar具有庞大的比例和结构形式，是一种务实的grotesk，具有工程师的原始魅力。 Halvar支持扩展的拉丁语，希腊语和西里尔字母，并附带表格形式的数字，带圆圈的突出显示，上标，分数和替代字符。

Halvar可以从TypeMate的网站上购买。也提供预发布的可变字体。

Service Gothic是一种进行中的可变字体，当前仅以大写字母提供。 Service Gothic包括6个静态权重，从Thin到Bold。

除了通常非常醒目的正文文本字体外，还可以使用一些装饰性全角字体：

Minérale是一种可变字体，设计有不寻常的茎，其侧面相交。 Minérale“在最薄的版本中相当清醒[但是]较重的重量变得更加旺盛”。静态字体的字体有5种重量（从Extralight到Black）加匹配的斜体，所有斜体都是等宽的（包括斜体）。 Minérale支持扩展的拉丁文字集，包括比例衬砌图，比例旧样式图，表格衬砌图，表格旧样式图，上级/下级，序数，风格替代和箭头。

气候危机字体是一种了不起的可变字体，它试图阐明气候变化的紧迫性。字体的权重轴基于国家冰雪数据中心的数据以及IPCC提供的预测。最重的字体重量代表了1979年北极海冰的最小范围，而最浅的字体代表了对2050年的预测。

气候危机字体支持扩展的拉丁语脚本集，并具有有限的上标和分数选择。

根据Helsigin Sanomat的SIL开放字体许可（OFL），可以免费下载Climate Crisis字体。

Handjet是基于实验的基于网格的三轴字体。 Handjet类型的系统包含23种元素形状（例如正方形，三叶草，心形和大头针），它们的大小可以更改，从而产生不同的字体粗细。另外，您可以选择使用2x2个较小元素的组而不是单个元素。正如Rosetta Type所预期的那样，Handjet支持多种语言：阿拉伯语，亚美尼亚语，西里尔字母，希腊语，希伯来语和扩展拉丁语。它还包括分数和足够有趣的小装饰品，可以使一只棕色的狐狸迅速越过一只懒狗。

在不影响文本占用空间的情况下，更改其粗细和样式的功能是一项对界面具有深思熟虑的功能。 它不仅可以为设计人员和开发人员节省一些麻烦，而且还为可访问的设计开辟了新的可能性。 随着越来越多的可变字体发布，我很高兴能在界面设计工具包中添加更多的统一字体。 你呢？ 如果您错过了上面的参考，还有很多我在本文中没有提到的等宽字体，但是这些字体收集在这些丰富的资源中：