Jump to content
  • 0

PF Beau Sans Pro vs Webkit


Bassline
 Share

Question

Есть набор шрифтов PF Beau Sans Pro. Шрифты лицензионные со всеми делами и подключены по всем канонам.

Разновидности типа Regular, Bold, Light во все браузерах отображаются замечательно. А вот Italic и Light Italic в браузерах на движке webkit никак не хотят заводиться, что латиница, что кириллица.

Инспектор хрома показывает, что шрифт как бы подключен, но на деле текст выглядит как Times New Roman. В IE и Firefox все отлично.

 

Шрифты изначально были в формате ttf, даже при подключении этих оригинальных файлов хром игнорирует две эти разновидности. Так что конвертация в другие форматы здесь не причем.

 

Может это косяк самих исходных файлов, возмножно ли такое?

Link to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 0

Может в шрифтах вообще нет наклонной версии букв? Или в других браузерах всё нормально? 

В IE и Firefox Italic и Light Italic отображаются как положено, причем наклон не самопальный, а тот что и задумали авторы шрифта (сравнивал с макетом и на сайтах где его продают - один в один). А хром и все производные вообще на него не реагируют.

 

Уже всю голову сломал.

Edited by Bassline
Link to comment
Share on other sites

  • 0

Выяснил все-таки в чем дело.

Сервис fontsquirrel.com при конвертации сгенерировал такой код:

 

@font-face {
    font-family: 'PFBeausansProLightItalic';
    src: url('pfbeausanspro-lightitalic-webfont.eot');
    src: url('pfbeausanspro-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('pfbeausanspro-lightitalic-webfont.woff') format('woff'),
         url('pfbeausanspro-lightitalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
 
Из-за строчки font-style: italic; хром капризничал. Стоило ее удалить и все заработало. Я что-то упустил при изучении?
Edited by Bassline
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy