7

根据此页面：

[Raleway] 是一个显示面，下载功能包括旧式 和衬里数字、标准和自由连字、一套相当完整的变音符号，以及一种风格替代品，其灵感来自更多的几何无衬线字体，而不是其新怪诞风格默认字符集。

（强调我的）

数字的默认值是“old style”（“onum” OpenType 特征字符串），在标题中使用时看起来很糟糕。理想情况下，我希望能够使用“衬里”变体（“lnum”）和“表格”（“tnum”）字距调整（与比例相反——“pnum”）。

我尝试使用以下字体功能设置声明块，但无济于事：

font-feature-settings: "onum" off, "pnum" off, "lnum" on, "tnum" on;
-moz-font-feature-settings: "onum=0, pnum=0, lnum=1, tnum=1";       /* Firefox */
-webkit-font-feature-settings: "onum" off, "pnum" off, "lnum" on, "tnum" on;  /* WebKit */
-o-font-feature-settings: "onum" off, "pnum" off, "lnum" on, "tnum" on;       /* Opera */

有什么想法吗？如果我想下载完整字体，然后将其重新导出为网络字体，我将如何在确保获得衬里数字的同时做到这一点？

谢谢！

4

4 回答 4

8

从这个页面：http ://clagnut.com/sandbox/css3/

.lnum {
    font-variant-numeric: lining-nums;
    -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;
}

目前仅适用于 .otf 文件，不适用于 google webfonts 托管的字体嵌入。Safari 不支持。您可以在此处测试其他字体功能和浏览器支持：https ://www.typotheque.com/articles/opentype_features_in_web_browsers_-_tests

于 2013-06-20T19:28:10.223 回答
7

如果您想下载字体并生成带有衬里数字或其他 OpenType 功能的新版本，请查看http://www.fontsquirrel.com/tools/webfont-generator。

您需要进入专家模式，然后在 OpenType Flattening 下您可以选择 Lining Numerals。如果您愿意，您甚至可以生成具有替代 W 形式的版本。

截至 2014 年底，这是在 Safari 中获取衬里数字的唯一方法。

于 2014-10-11T05:09:51.337 回答
4

除非您自己托管或使用不同的 CDN，否则您无法将 OpenType 功能与 Google Web 字体一起使用。Google Web Fonts CDN 子集化功能以改善延迟。

https://github.com/google/fonts/issues/1582

于 2018-06-04T13:03:58.167 回答
4

为了跟进 wbond 的回答，这应该是这篇文章的全部功劳，font squirrel 中的专家模式一开始看起来很吓人。但他提到了非常重要的替代W，这对雷威来说是一个很大的不同。请注意，G 在样式之间也有所不同。

您只需在 OpenType Features 框中输入“salt”并下载您的工具包。

在此处输入图像描述

然后，无论您想在哪里访问 salt 样式，都可以将其添加到 css 中：

    -moz-font-feature-settings:"salt" 1; 
    -ms-font-feature-settings:"salt" 1; 
    -o-font-feature-settings:"salt" 1; 
    -webkit-font-feature-settings:"salt" 1; 
    font-feature-settings:"salt" 1;

抱歉，这应该是对该答案的评论，但我无法在评论中添加图片。如果其他人有这张图片给我看，它会节省我一些时间，所以我觉得它值得张贴。

于 2017-01-27T23:11:52.607 回答