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 Squirrel для генерации всех соответствующих шрифтов и CSS, необходимых для того, что вы пытаетесь выполнить:

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

Answer 2

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

   @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;
  }

РЕДАКТИРОВАТЬ: РЕДАКТИРОВАТЬ: Извините.У меня было ttf вместо eot в первом объявлении для встроенного opentype.Попробуйте это