Inter – 一个漂亮的界面设计字体系列

Inter 是一种为电脑屏幕精心制作和设计的字体。 Inter 具有高 x 高度以帮助提高大小写混合文本的可读性。还提供了几个 OpenType 功能，例如根据周围字形的形状调整标点符号的上下文替代，当您需要从“o”中消除“0”、表格数字等时的斜线零。 使用 Inter 就像下载一样简单& 安装字体文件。如果您正在制作 Web 内容，则可以使用以下 CSS 或从 Google Fonts 获取。 @import url('https://rsms.me/inter/inter.css');html { font-family: 'Inter', sans-serif; }@supports (font-variation-settings: normal) { html { font-family: 'Inter var', sans-serif;用排版表达自己当然没有绝对的对或错，但 Inter Dynamic Metrics 提供了良好排版的指南。您只需提供光学字体大小，就会为您计算跟踪和行距，以产生最佳结果。 Inter 是一个免费的开源字体系列。您几乎可以以任何可以想象的方式自由使用这种字体。有关条件和限制的详细信息，请参阅 SIL Open Font License 1.1。 Inter 提供传统的恒定字体文件（每个样式一个，例如粗斜体、中号等）以及包含所有样式的可变字体，文件大小要小得多。此外，可变字体是……可变的！您可以随意混合和匹配粗细和斜体角度，形成理论上的无限变化。可变字体是一种新兴技术。此测试可用于发现 Web 浏览器的功能。

Inter 具有许多 OpenType 功能，可用于根据您的特定需求定制功能和美感。这些特征中的一些可以组合以形成大量替代变体。此功能通常默认启用，并导致某些字符根据周围环境自行调整或替换。禁用 启用 3 x9 3x9 12 :34, FE —X 12:34, FE—X 4 .2 4.2 (SEMI)PERMANENT (SEMI)PERMANENT (SEMI)PERMANENT SFO → STO SFO → STO IIA ⟶ OGG IIA ⟶ OGG ARN ⟺ OGG OGG ARN @N [电子邮件保护] [电子邮件保护] [电子邮件保护]微笑微笑:-) :-)禁用启用1234567890 1234567890 1131711 1131711 0040900 0040900 11：31711 11：31711 00：40.900 00：40.900 0.45，0.91，0.08 0.45， 0.91, +0.08 1.00, 9.44, -0.13 1.00, 9.44, -0.13 0.00, 1.13, ~7.12 0.00, 1.13, ~7.12 此功能是上下文敏感的，会将“单词”的正斜杠转换为正确的数字分隔符此功能是动态的，并允许任何分数。请注意，用于分数的数字是为其小尺寸定制的，甚至与稍大的上标和下标数字分开制作。禁用 启用 1/3 3/4 1/5 1/3 3/4 1/5 18/29 16/5 18/29 16/5 1337/591038 1337/591038 禁用 启用 (Hello ) [World ] {9000 } (你好）[世界] {9000} SCHOOL @ RUN SCHOOL @ RUN 3 + 9 = 12 * 1 3 + 9 = 12 * 1 *+÷±×=≠≈•~<>≤≥ *+÷±×=≠≈ •~<>≤≥ → ← ⟶ ⟵ − - – — : → ← ⟶ ⟵ − - – — : Disabled Enabled Figure A ⃝ Figure A⃝ Figure # ⃞ Figure #⃞ Figure 3 ⃝ Figure 3⃝ Figure 3 ⃞ Figure 3⃞ 这意味着例如封闭的字形无处不在，而不仅仅是在具有正确组合字符逻辑的应用程序中。禁用启用¡¿什么？！什么？！什么 ！？什么！？ Disabled Enabled Hello 0123 Hello 0123 Disabled Enabled Hello 0123 Hello 0123 Disabled Enabled X 0123 (+)-[=] X0123 (+)-[=] X abcdefghijklmnopqrstuvwxyz Xabcdefghijklmnopqrstuvwxyz Xabcdefghijklmnopqrstuvwxyz Xabcdefghijklmnopqrstuvwxyz Xabcdefghijklmnopqrstuvwxyz Xabcdefghijklmnopqrstuvwxyz (H) 0123 Hello 0123 Disabled Enabled X 0123 (+)-[=] [=] X abcdefghijklmnopqrstuvwxyz Xabcdefghijklmnopqrstuvwxyz 另一种数字样式。请注意，可以使用 cvXX 功能精心挑选单个数字样式。禁用启用12 345 678 90 1234567890 3469 3469禁用启用WP 0ACO9XS I1 012O9 WP0ACO9XSI1012O9 Illega升非法βetaßeta商海ßβetaßeta业务禁用启用萨RA萨拉我RD IRD周一鱼子门罗禁用启用ö0123 O0123功能禁用启用CV01 1 1 CV02 4 4 CV03 6 6 CV04 9 9 CV05 L LƚɫɬL L L L L L L L L LƚɫɬL L L L L L L L cv06řɽɍɼR R RȑȓR R R R Rɽ ɍɼR R RȑȓR R R R cv07 SS SS CV08 I I IƗI I I I I I I I IǏȈȊI IΙΊΪἸἹἺI I IƗI I I I I I I I IǏȈȊI IΙΊΪἸἹἺcv09 3 3 CV10ģǤƓG G G GǧǵG GǤƓG G G GǧǵģCV11 A A A A A A A AǎA A A A A Aȁäǟ大约的ǡA AȃA A A AǺA A A A A A A A A AǎA A A A A Aȁäǟ大约的ǡA AȃA A A AǺA A其他功能，上面没有突出显示：locl、salt、aalt、cpsp 和 ordn。您可以在交互式实验室中探索功能。 Inter 于 2016 年底开始作为一项实验，以构建特定小尺寸 (11px) 的完美像素匹配字体。其想法是通过以特定方式制作字体，使用特定坐标系（每 EM 单位），对于特定的目标光栅化大小 (11)，有可能获得最佳的清晰度和可读性。

然而，在使用早期版本的 Inter 几个月后，每个接受测试的人都意识到这种方法在现实世界中存在一些严重的问题。最值得注意的是，阅读更长的文本真的很困难。由于这种方法的像素对齐特性，字体采用了几乎等宽的外观，这使得阅读数字、标点符号和非常短的单词非常容易，但阅读更长的内容会让人眼睛疲劳。该项目以不同的方法重新启动，坚持使用特定的 UPM，但制作字形和字距的方式使节奏的更多变化和更平滑的垂直和水平词干。随着 Inter 的开发，它在 Figma 的内部版本上进行了测试——Inter 的作者是设计师——并根据经验和反馈慢慢改进。在 Web 浏览器中，您需要使用 font-feature-settings。在 Figma 中，您可以通过高级类型面板访问功能。在 Illustrator、Photoshop 和朋友中，您可以通过 Characters 和 OpenType 面板访问功能。 Sketch 不提供用于配置字体功能的 UI，但有一种使用 macOS 的原生字体 UI 的解决方法。 “提示”文件夹中的字体文件中包含辅助 ClearType、Microsoft Windows（和某些 Linux 发行版）使用的文本光栅化器的附加数据。这些“暗示”字体的不同外观。此外，提示数据会使字体文件更大，因此如果您在网站上使用 Inter，这些文件的额外大小是另一个需要考虑的因素。这篇文章更详细地解释了暗示。 rsms.me/inter 在 CloudFlare 的 CDN 上全球分布，由 GitHub 的服务器支持，使得 https://rsms.me/inter/inter.css 和相关字体文件在全球范围内的使用非常可靠和快速。是的你可以！ Inter 是一个开源项目，这意味着用于构建字体文件的源代码（或“源设计”，如果您愿意的话）可以免费使用以进行改进。字体制作需要相当多的技术工作，并且取决于您想要做什么，根据您的技术技能，有些事情可能会更有趣。 “贡献”文档是一个很好的起点。该文档概述了您可以在哪些方面产生最大影响、如何设置以及如何开始。看看 pyftsubset 和 glyphhanger。看看 pyftfeatfreeze 这是一个工具，它允许您构建具有“默认”打开的某些 OpenType 功能的字体文件。 Inter 是在 2016 年 11 月开始在私有内部 git 存储库中开发的，之后于 2017 年 8 月 22 日发布。在 2016 年 11 月至 2017 年 8 月期间，对 247 个版本进行了 2 990 150 行编辑。通过 Twitter (@rsms) 或通过电子邮件联系