font-face: Специальные шрифты для Safari iOS

Question

@font-face { 
     font-family: "Caecilia"; 
     src: url("Assets/CaeciliaLTStd-Bold.ttf"), format('truetype'); 
     font-weight: normal; 
     font-style: normal; 
    } 

    h1 { color:#23445f; font-family:Caecilia;} 

Этот код sampel работает в Chrome, но не в Safari (как в обычной версии, так и в версии iOS). Есть ли специальное исправление для Safari?

Answer 1

Имеются ли ссылки на шрифты в разных форматах, откуда вы их получили? Если да, попробуйте следующее.

@font-face { 
    font-family: "Caecilia"; 
    src: url("Assets/CaeciliaLTStd-Bold.eot") format('embedded-opentype'), /* EDIT correction on this line */ 
    url('Assets/CaeciliaLTStd-Bold.woff') format('woff'), 
    url('Assets/CaeciliaLTStd-Bold.ttf') format('truetype'), 
    url('Assets/CaeciliaLTStd-Bold.svg#') format('svg'); 
    font-weight: normal; 
    font-style:normal; 
    } 

EDIT: EDIT: Я сожалею. У меня было ttf вместо eot в первом объявлении для встроенного opentype. Дайте это попробовать

Answer 2

Если у вас есть соответствующие разрешения, вы можете попробовать использовать Font Squirrel, чтобы создать все необходимые шрифты и CSS, необходимые для того, что вы пытаетесь достичь:

http://www.fontsquirrel.com/fontface/generator