@Elina0909

Почему некорректно отображается шрифт в google chrome на android?

Шрифты подключены вот так:

@font-face
{
font-family: 'OneBlade';
src: url('/res/actions/oneBlade/fonts/philips-global-icon-font/philips-global-icon-font.eot');
src: url('/res/actions/oneBlade/fonts/philips-global-icon-font/philips-global-icon-font.ttf') format('truetype'),
url('/res/actions/oneBlade/fonts/philips-global-icon-font/philips-global-icon-font.eot') format('eot'),
url('/res/actions/oneBlade/fonts/philips-global-icon-font/philips-global-icon-font.woff') format('woff'),
url('/res/actions/oneBlade/fonts/philips-global-icon-font/philips-global-icon-font.svg') format('svg');
}
Используются вот так:
Верстка



LESS
.icon-play {
font-size: 17px;
font-family: oneBlade;
font-style: normal;
padding: 10px 10px;
background-color: #0066a1;
color: white;
border-radius: 2px;
}
.icon-play:after {
content: '\e20a';
}

В гугл-хром на ПК и лептопах отображается ок. На ОС Linux, Mac.
На телефонах и планшетах на Android отображается вот так:
https://monosnap.com/file/ttWYelY7BK9Te9Xiow9cHLLc...
  • Вопрос задан
  • 513 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы