如何在网页字体中设置连体数字?

4

我一直在Brackets中集成Web字体(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;
}

我开始怀疑我使用的字体是否正常,因为我已经多次仔细检查了一切。是否有一种方法可以检查网页字体中包含的所有特殊字符,并可能通过特殊字符代码调用数字?

1个回答

6
您使用 font-feature-settings 及其供应商前缀变体的规则如下(值为 "lnum=1" 的语法已过时,但不会在此处造成影响):如果所使用的字体具有现代数字,则可以通过将字体设置为 Constantia 来检查它是否起作用(在现代浏览器中),该字体默认具有旧样式数字,并且可以通过字体特征设置选择线型数字。
可以使用免费的DTL OTMaster Light程序来检查 .ttf 字体,以查看它是否包含线型数字(选择“工具”,“'GPOS'/'GSUB' 表查看器”,在“布局表”下拉菜单中选择“'GSUB' 表”,然后在“特性”下拉菜单中查找“lnum”)。
从一种字体格式转换为另一种格式时(例如从 .ttf 转换为 .woff),很可能会丢失字体特性,这取决于转换软件。当使用FontSquirrel WebFont 生成器时,选择“EXPERT”模式并勾选“保留所有功能”或在“OpenType 功能:”中列出要保留的功能。如果无法保留所需功能,如果您希望仅使用字体中的线型数字,请尝试“Opentype 拍平:”选项。

1
最终,我使用Fontsquirrel将打印字体转换为Web字体,而不是使用原始的Web字体。事实证明,Web字体版本确实缺少像我怀疑的那样的直立数字。谢谢! - curious

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接