Пользовательский шрифт не работает на мобильных устройствах - PullRequest
Новая
       9

Пользовательский шрифт не работает на мобильных устройствах

1 голос
/ 01 мая 2019

Я использовал правило CSS @font-face для своего шрифта Rajdhani.Прекрасно работает на настольном компьютере, но не на устройствах Android и IOS: 

@font-face {
    font-family: "Rajdhani";
    src: url("/fonts/rajdhani-light.ttf") format("truetype"),
}

@font-face {
    font-family: "Rajdhani";
    src: url("/fonts/rajdhani-medium.ttf") format("truetype"),
}

@font-face {
    font-family: "Rajdhani";
    src: url("/fonts/rajdhani-regular.ttf") format("truetype"),
}

@font-face {
    font-family: "Rajdhani";
    src: url("/fonts/rajdhani-semibold.ttf") format("truetype"),
}

@font-face {
    font-family: "Rajdhani";
    src: url("/fonts/rajdhani-bold.ttf") format("truetype"),
}

1 Ответ

1 голос
/ 01 мая 2019

Вы должны добавить файлы и в других форматах, например, перейдите на онлайн-генератор шрифтов в Интернете и конвертируйте свой шрифт, затем добавьте все типы, потому что это связано с операционной системой 

@font-face {
font-family: "CustomFont";
src: url("CustomFont.eot");
src: url("CustomFont.woff") format("woff"),
url("CustomFont.otf") format("opentype"),
url("CustomFont.svg#filename") format("svg");
}
...