@font-face ligatures missing

Question

I am using an embedded typeface using the following code:

 @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); 
         }

But a strange thing is happening. All the ligature combination letters are missing. Such as, the word "stuff" is showing as "stu".

what could the issue be?

What service you use for make web fonts? http://www.fontsquirrel.com/ ? — fliptheweb, Nov 14 '11 at 09:37
Can you give us a live demo of what's happening? I have a similar setup to this in a site I'm designing right now (embedded typeface) and haven't run into any issues (other than font size affecting quality of font appearance). — akuta, Nov 14 '11 at 17:05
This was a downloaded font from myfonts.com. The problem appeared in firefox 7 — Adrian Garner, Nov 14 '11 at 23:17

score 3 · Accepted Answer · edited Jan 26 '15 at 05:37

3

I had to re-download a version of the font from the supplier choosing "Please choose Keep Open Type Layout (complete character set will be automatically selected) and download the kit"

Now the ligatures are displaying.

Alternatively, adding -moz-font-feature-settings: "calt=0,liga=0"; would have made the characters appear regularly:

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

edited Jan 26 '15 at 05:37

James A Mohler

11,060
15
46
72

answered Nov 14 '11 at 23:27

Adrian Garner

5,235
2
23
29

2

For anyone reading this in the future, note that as of FF 15 (I think) the syntax has now changed, and you'll need to use this: -moz-font-feature-settings: "liga=0"; -moz-font-feature-settings: "liga" 0; – BigglesZX Jan 08 '13 at 11:37

@font-face ligatures missing

1 Answers1