CODEWITHSUNDEEP
cssfont-facetruetypeeot
Adrian Garner
Adrian Garner

Reputation: 5345

@font-face ligatures missing

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?

Upvotes: 5

Views: 2950

Answers (1)

Adrian Garner
Adrian Garner

Reputation: 5345

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

Upvotes: 3

Related Questions