В Google Chrome шрифт MuseoSansCyrl отображается некорректно. Что Можно сделать чтобы в Google Chrome отображался также как в Safari?

Question

[kraft1991]

Всем привет! Просьба помочь разобраться в вопросе.
В safari шрифт отображаеться корректно

А в Google Chrome он отображается по другому

Шрифт использовал MuseoSansCyrl. В PSD макете он выглядит также как в браузере safari, то есть safari работает корректно.

Что можно сделать чтобы в Chrome также отображался как в Safari?

Comments

[Pavel Karinin]

Очень похоже, что в Google Chrome он отображается не просто по-другому, а он вообще не отображается, там даже глифы разные... вы уверены, что шрифты вообще верно подгружены и задействованы?

[Moskus]

В Chrome он вообще не подключился. Это не "некорректно", а "вообще никак".

Answer 1

[Ilya33]

используйте следующий css для шрифта:

@font-face {
    font-family: MuseoSansCyrl;
    src: url('/fonts_dir/MuseoSansCyrl.eot');
    src: url('/fonts_dir/MuseoSansCyrl.eot?#iefix') format('embedded-opentype'),
         url('/fonts_dir/MuseoSansCyrl.woff') format('woff'),
         url('/fonts_dir/MuseoSansCyrl.ttf') format('truetype'),
         url('/fonts_dir/MuseoSansCyrl.svg#Vision') format('svg');
    font-weight: normal;
    font-style: normal;
}

где fonts_dir - ваша папка со шрифтами

Шрифт можно перевести в эти форматы используя, например, онлайн конвертор

Comments

[kraft1991]

Так у меня шрифты точно также подключенны

Только отображение в Chrome отличаеться от отображения в Safari. В Chrome он отображается с небольшими засечками. Что еще можно сделать чтобы в Chrome также как в Safari отображался

[kraft1991]

Так у меня шрифты точно также подключенны

Только отображение в Chrome отличаеться от отображения в Safari. В Chrome он отображается с небольшими засечками.
Сhrome

А в Safari он отображается корректно как в PSD макете без засечек

Что еще можно сделать чтобы в Chrome также как в Safari отображался шрифт?

[Moskus]

kraft1991, например, ответить на комментарии к самому вопросу, где вас спрашивают про то, что выводится в консоли browser-а (там должны быть ошибки). В Chrome этот шрифт вообще не подключился, вместо него отображается какой-то fallback-шрифт. Вы вообще в style inspector заглядывали?

[kraft1991]

Moskus, да реально нашел ошибку в инспекторе, была ошибка при подключении. Спасибо за помощь