@ font-face missing ligature

Question

I use the built-in font 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 happens. All letters of the ligature combination are missing. For example, the word "material" is displayed as "stu".

what could be the problem?

Answer 1

I had to re-download the font version from the supplier by selecting "Please select" Keep Open Type Layout "(the full character set will be selected automatically) and download the kit"

Ligatures are now displayed.

Alternatively, add -moz-font-feature-settings: "calt=0,liga=0"; make 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');}