2011-11-14 51 views
4

我使用的是嵌入式字體使用下面的代碼:@字體面連寫失蹤

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

可問題是什麼呢?

+1

在什麼瀏覽器? – BoltClock

+0

您使用什麼服務製作網頁字體? http://www.fontsquirrel.com/? – fliptheweb

+0

你能給我們發生了什麼事的現場演示?我有一個類似的設置,以這一個網站,現在我設計的權利(嵌入字體),並沒有遇到任何問題(不是影響字體外觀質量字體大小等)。 – akuta

回答

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

對於任何人在將來讀這篇文章,請注意,從FF 15(我認爲)現在的語法已經改變,你需要使用: -moz-字形特徵的設置:「liga = 0」; -moz-字形特徵設置: 「西甲」 0; – BigglesZX