css - @font-face 连字缺失

我使用以下代码使用嵌入式字体:

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

问题是什么？

最佳答案

我不得不从供应商处重新下载字体版本，选择“请选择保持开放字体布局(将自动选择完整的字符集)并下载工具包”

现在显示连字。

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

关于css - @font-face 连字缺失，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8119408/