@fontface: шрифт найден, но не отображается

Моя проблема с @fontface меня превзошла. То, что у меня прямо сейчас:@fontface: шрифт найден, но не отображается

@font-face 
    { 
    font-family: 'FranklinGothic'; 
    src: url('/wp-content/themes/theme/FranklinGothicDemiCondensed.ttf') format('truetype'); 
    }

и связать его в CSS с

body, input, textarea 
    { 
     color: #222;  
     font-family: 'FranklinGothic', MrAlex, Arial, sans-serif; 
     line-height: 1.5; 
    }

Я пробовал и без кавычек вокруг имени/URL. Я также успешно добавил пользовательский шрифт MrAlex, который находится в одном месте (так что я уверен, что путь класса прав). Другая вещь, которая заставляет меня думать, что мой путь прав, заключается в том, что в консоли разработчика нет ошибки 404. Кроме того, шрифт Franklin Gothic указан в ресурсах под шрифтами инструментов разработчика. Я просто пытаюсь заставить это работать в хроме на данный момент. Есть идеи? Спасибо за помощь!

источник

2014-01-24 ioewaskdl

Это происходит в одном конкретном браузере или в любом из них? –

На самом деле, он работает над Safari ... – ioewaskdl

Попробуйте снять резервные копии и установите семейство шрифтов только для «FranklinGothic». Попробуйте в режиме инкогнито. Попробуйте другой шрифт, размещенный где-то в другом месте?

источник

2014-01-24 20:02:50

Спасибо за ответ, удаление резервных копий не помогло, и не было инкогнито. К сожалению, мне трудно найти этот конкретный шрифт где-то в другом месте, хотя это файл .ttf, поэтому он не размещен на моем сервере вместе с остальной частью моего кода? – ioewaskdl

Да, это должно быть так. Я предложил попробовать другой шрифт в случае, если что-то не так с вашим конкретным шрифтом, или формат файла был неправильным. –

@fontface: шрифт найден, но не отображается

ответ

Смежные вопросы