apple devices не отображает шрифт

Question

Я хочу использовать редкий шрифт на моем сайте, который называется HeliosThin. Я храню этот шрифт в следующей папке

resouces/static/fonts/font.TTF 

А потом добавить его в свой файл CSS, как это:

body { 
    font-family: 'HeliousThin' !important; 
} 
@font-face { 
    font-family:"HeliousThin"; 
    src: url("../fonts/font.TTF") /* TTF file for CSS3 browsers */ 
} 

И это прекрасно работает на моей локальной машине и на стороне сервера, когда я использую linux или windows или Android. Но когда я открываю свой сайт на яблочных устройствах, шрифты не отображают. Как я могу это исправить?

Answer 1

По этой ссылке (смотрите на совместимость браузера вкладки)

http://everythingfonts.com/font-face

ИОС не поддерживает TTF только SVG. Вам лучше использовать трюк, указанный на странице выше, например, перечисление eot, ttf, svg и позволить браузеру выбрать те, которые поддерживаются.