你从未了解过的字体隐藏特性
In the previous article (Quick guide to web typography for developers) we covered the basic steps to improve the typography in your apps. Today I’d like to expand a bit more on the topic of fonts and what you can get out of a high-quality font (paid or free). High-quality fonts often come with a full bag of goodies, it will be unwise to not use what the type designer gifted (or sold) to us.
在上一篇文章(Quick guide to web typography for developers)中,我们介绍了改善应用排版的基本步骤。今天我想进一步扩展字体相关的话题,聊聊高质量字体(无论付费还是免费)能带来的额外价值。高质量字体通常附赠一整套“大礼包”,不用就浪费了 type designer 的一番心意。
The minimal package you would expect from a font includes different weights and maybe italic. Traditionally, it was made by creating a separate font file. One for Helvetica Regular, one for Helvetica Bold, and separate files for Helvetica Regular Italic and Helvetica Bold Italic. But with OpenType features, we can pack all those fonts into one file, along with a bunch of other goodies. We’ll cover some of the most interesting features, but there are more.
你期望的字体最小包通常包含不同的字重,可能还有斜体。传统做法是创建单独的字体文件:一个 Helvetica Regular,一个 Helvetica Bold,再分别给 Helvetica Regular Italic 和 Helvetica Bold Italic 各一个文件。但借助 OpenType 特性,我们可以把所有这些字体打包进一个文件,并附带一堆其他好东西。我们会介绍一些最有趣的特性,但还有更多。
Available features will vary from font to font, to check what is included with your font, use Wakamai Fondue.
可用特性因字体而异,如需查看你的字体包含哪些特性,请使用 Wakamai Fondue。
OpenType fonts can have one or more axes, and by changing their value, we can change the font’s appearance. Axes names (and other OpenType features) consist of 4 characters, and the most popular one is wght
which controls the font’s weight.
OpenType 字体可以拥有一个或多个轴,通过改变它们的值,我们可以改变字体的外观。轴的名称(以及其他 OpenType 特性)由 4 个字符组成,最流行的是 wght
,它控制字体的粗细。
Sphinx of black quartz, judge my vow.
Sphinx of black quartz, judge my vow.
There are a couple of other common axes: wdth
for width, slnt
for slant, ital
for italic, and opsz
for optical size. But in addition to standard axes, the type designer can create custom axes, which further extends the creative potential of the typeface.
还有几个常见...