css - 如何在网络字体中设置衬里数字？

Question

我一直在 Brackets(eot、ttf、woff)中集成网络字体，但似乎无法正确使用旧式数字

.lnum {
    -moz-font-feature-settings:"lnum" 1; 
    -moz-font-feature-settings:"lnum=1"; 
    -ms-font-feature-settings:"lnum" 1; 
    -o-font-feature-settings:"lnum" 1; 
    -webkit-font-feature-settings:"lnum" 1;  
    font-feature-settings:"lnum" 1;
}

我开始怀疑我使用的字体是否有正常数字，因为我已经多次检查了所有内容。有没有办法检查网页字体中包含的所有特殊字符，并可能通过特殊字符代码调用数字？

Answer 1

您对 font-feature-settings 的规则如果使用的字体有衬里数字，它的供应商前缀变体就这样工作(值为 "lnum=1" 的语法已经过时但在这里并没有真正打扰)。在 Windows 系统中，您可以通过将字体设置为 Constantia 来检查它是否工作(在现代浏览器中)，默认情况下它具有旧样式数字，并且可以使用字体功能设置选择衬里数字。

您可以使用免费的 DTL OTMaster Light检查 .ttf 字体以查看其是否包含衬里图形的程序(选择“工具”、“'GPOS'/'GSUB' 表查看器”、在“布局表”下拉列表中选择“'GSUB' 表”，然后查找“lnum”在“功能”下拉菜单中)。

从一种字体格式转换为另一种字体格式(例如从 .ttf 转换为 .woff)时，很可能会丢失字体特征，具体取决于转换软件。使用 FontSquirrel WebFont generator 时，选择“EXPERT”模式，在“OpenType Features:”中勾选“Keep All Features”或列出你要保留的特性。如果这无法保留您需要的功能，并且您希望使用例如仅衬里字体中的数字，请尝试“Opentype Flattening:”选项。