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

可能是什么问题？

Answer 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');}