@font-face 连字缺失

Posted 2023-03-15

【中文标题】@font-face 连字缺失

【英文标题】：@font-face ligatures missing

【发布时间】：2011-12-28 11:56:29

【问题描述】：

我正在使用嵌入字体，代码如下：

 @font-face font-family: 'PFDinTextPro-Regular';src: url('../webfonts/15B214_0.eot');src: url('../webfonts/15B214_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/15B214_0.woff') format('woff'),url('../webfonts/15B214_0.ttf') format('truetype'),url('../webfonts/15B214_0.svg#wf') format('svg');
 @font-face font-family: 'PFDinTextPro-Bold';src: url('../webfonts/15B214_1.eot');src: url('../webfonts/15B214_1.eot?#iefix') format('embedded-opentype'),url('../webfonts/15B214_1.woff') format('woff'),url('../webfonts/15B214_1.ttf') format('truetype'),url('../webfonts/15B214_1.svg#wf') format('svg');


 @font-face font-family: 'PFDinTextPro-Italic';src: url('../webfonts/15B217_0.eot');src: url('../webfonts/15B217_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/15B217_0.woff') format('woff'),url('../webfonts/15B217_0.ttf') format('truetype'),url('../webfonts/15B217_0.svg#wf') format('svg');

body  font-family: PFDinTextPro-Regular;
         background-image: url(../img/MH_blue.png); 
         

但是奇怪的事情正在发生。缺少所有连字组合字母。例如，“stuff”这个词显示为“stu”。

可能是什么问题？

【问题讨论】：

您使用什么服务来制作网络字体？ fontsquirrel.com ?

您能给我们演示一下正在发生的事情吗？我现在正在设计的网站（嵌入式字体）中有与此类似的设置，并且没有遇到任何问题（除了影响字体外观质量的字体大小）。

这是从 myfonts.com 下载的字体。问题出现在firefox 7中

【参考方案1】：

我不得不从供应商那里重新下载字体版本，选择“请选择保持开放式布局（将自动选择完整的字符集）并下载套件”

现在连字正在显示。

或者，添加-moz-font-feature-settings: "calt=0,liga=0"; 会使字符有规律地出现：

@font-face font-family: 'PFDinTextPro-Regular';src: url('../webfonts/174F15_0.eot');src: url('../webfonts/174F15_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/174F15_0.woff') format('woff'),url('../webfonts/174F15_0.ttf') format('truetype');

【讨论】：

对于将来阅读本文的任何人，请注意，从 FF 15（我认为）开始，语法现在已经改变，您需要使用它：-moz-font-feature-settings： “联赛=0”； -moz-font-feature-settings: "liga" 0;