@font-face缺少连字。

Question

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

```

 @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”。

可能出现了什么问题？

- Adrian Garner

---

你用什么服务来制作网页字体？是http://www.fontsquirrel.com/吗？ - fliptheweb

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

这是从myfonts.com下载的字体。问题出现在Firefox 7中。 - Adrian Garner

Answer 1

我不得不重新从供应商下载字体的一个版本，选择“请选择保留Open Type布局（完整字符集将自动选择）并下载字体包”

现在连字显示出来了。

或者，添加-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');}

- Adrian Garner

---

对于未来阅读此内容的任何人，请注意，从FF 15开始（我想），语法现在已更改，您需要使用以下内容：-moz-font-feature-settings：“liga = 0”; -moz-font-feature-settings：“liga”0; - BigglesZX