@font-face 连字缺失

Adr*_*ner 5 css truetype font-face eot

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

 @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); 
         }
Run Code Online (Sandbox Code Playgroud)

但奇怪的事情正在发生。所有连字组合字母都丢失了。例如,单词“stuff”显示为“stu”。

问题可能是什么?

Adr*_*ner 3

我必须从供应商处重新下载字体版本,选择“请选择保持开放类型布局(将自动选择完整的字符集)并下载套件”

现在正在显示连字。

或者,添加-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');}
Run Code Online (Sandbox Code Playgroud)

  • 对于将来阅读本文的任何人,请注意,从 FF 15(我认为)开始,语法现已更改,您需要使用: -moz-font-feature-settings: "liga=0"; -moz-字体功能设置:“liga”0; (2认同)