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

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 来检查它是否工作（在现代浏览器中），默认情况下它具有旧样式数字和衬里数字 select 可以使用字体功能设置。

您可以使用免费的 DTL OTMaster Light 程序检查 .ttf 字体是否包含衬里数字（select“工具”、“'GPOS'/'GSUB' Table Viewer”，select “'GSUB' Table” 在“Layout Table” 下拉列表中，然后在“Feature”下拉列表中查找“lnum”） .

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

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

How to set lining numerals in a webfont?

css

opentype

webfonts