Отсутствуют лигатуры @ font-face - PullRequest
Новая
       33

Отсутствуют лигатуры @ font-face

4 голосов
/ 14 ноября 2011

Я использую встроенную гарнитуру, используя следующий код: 

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

Но происходит странная вещь. Все лигатурные комбинации букв отсутствуют. Например, слово «материал» отображается как «stu».

в чем может быть проблема?

1 Ответ

3 голосов
/ 15 ноября 2011

Мне пришлось повторно загрузить версию шрифта от поставщика, выбрав «Пожалуйста, выберите Сохранить открытый тип макета (будет автоматически выбран полный набор символов) и загрузить набор»

Теперь отображаются лигатуры.

В качестве альтернативы, добавление -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');}
...