在浏览器中使用OpenType字体

Question

我想要使用的一种特殊字体(带有连接线)只能作为OpenType使用。

我试图找出哪些浏览器能够正确地显示它，以及我应该如何将它添加到CSS中。

我发现这篇文章是从2012年7月开始的，来自保罗·爱尔兰等人的文章，表明这篇文章可能具有权威性：

浏览器

但我不明白它在OpenType字体和OpenType特性之间的区别：

But while all modern browsers can display OpenType *fonts*, only Firefox 
(since version 4) [1], Internet Explorer 10 (preview version)[2] and 
the latest versions of Google Chrome[12] are currently able to display 
OpenType *features*. 

所以：

1. 我可以在现代浏览器中使用这种OpenType字体吗？OpenType字体和特性之间有什么区别？我希望能够显示ASCII字符和连接。
2. 我应该如何将这个OpenType字体实际包含在CSS中？

Answer 1

在浏览器中使用字体(可以合法地用作可下载字体的字体)的实际方法是使用像FontSquirrel @字体-面板生成器这样的服务来创建所需的不同字体格式，并使用它生成的CSS代码(如果您使用斜体、粗体或任何其他字体，它可能需要调整)。

如果字体中最初有连接定义，并且转换器保存了信息(转换后需要运行一些测试)，那么在Firefox的现代版本中，默认情况下将使用“标准”连接。要使Chrome和Safari使用它们，添加CSS声明

text-rendering: optimizeLegibility

(适用于任何应该用连接线表示的元素)，同时也包括IE 10，并添加

-ms-font-feature-settings: "liga";

为了安全起见，还要加上拟议的标准设置：

font-feature-settings: "liga";

我认为这给了你现在或不久的将来所能得到的一切。

如果字体包含上下文(clig)、自由裁量(dlig)或历史(hlig)连接的定义，则可以在某些浏览器上启用它们。例如，除标准结扎外，下列功能还允许自行裁量的结扎：

-ms-font-feature-settings: "liga", "dlig";
-webkit-font-feature-settings: "liga", "dlig";
-moz-font-feature-settings: "liga", "dlig";
font-feature-settings: "liga", "dlig";

您可以使用谷歌网页字体源代码Sans Pro测试它们，它具有“ff”和“ft”的标准连接线(至少在足够大的字体大小下可以区别于非连接渲染)。

关于理论，OpenType是一种规范和字体格式，它允许将打印信息嵌入到字体文件中，等等。浏览器可以支持这种格式，而不支持使用嵌入式信息。

Answer 2

我认为OpenType特性是使用OpenType字体中字符之间连接的可能性。这就是浏览器如何能够连接字母，并有一个庞大的标签列表。

您可以查看本文中的更多细节：http://ilovetypography.com/OpenType/opentype-features.html。

此外，您还可以检查wikipedia文章中的标记规范。Paul爱尔兰语和其他人说不是每个浏览器都支持这些特性，但是几乎每一个现代浏览器都倾向于支持css3属性，其中之一就是通过@font-face规则包含字体类型。=> fonts.asp

如果您需要对您的字体进行一些转换，您可以检查字体松鼠服务: www.fontsquirrel.com

Answer 3

1. 将您的otf上传到字体松鼠- http://www.fontsquirrel.com/fontface/generator
2. 使用fontspring - http://www.fontspring.com/blog/further-hardening-of-the-bulletproof-syntax提供的语法。