2016-02-13 2 views
0

Я не могу заставить @ font-face работать на моем сайте. Я не уверен, правильно ли я делаю это. Правильно ли это выглядит?Возникли проблемы с использованием @ font-face

@font-face { 
font-family: 'bebas_neue_regularregular'; 
src: url('../fonts/bebasneue_regular-webfont.eot'); 
src: url('../fonts/bebasneue_regular-webfont.eot?#iefix') format('embedded-opentype'), 
    url('../fonts/bebasneue_regular-webfont.woff2') format('woff2'), 
    url('../fonts/bebasneue_regular-webfont.woff') format('woff'), 
    url('../fonts/bebasneue_regular-webfont.ttf') format('truetype'), 
    url('../fonts/bebasneue_regular-webfont.svg#bebas_neue_regularregular') format('svg'); 
font-weight: normal; 
font-style: normal;} 

@font-face { 
font-family: 'vollkornregular'; 
src: url('../fonts/vollkorn-regular-webfont.eot'); 
src: url('../fonts/vollkorn-regular-webfont.eot?#iefix') format('embedded-opentype'), 
    url('../fonts/vollkorn-regular-webfont.woff2') format('woff2'), 
    url('../fonts/vollkorn-regular-webfont.woff') format('woff'), 
    url('../fonts/vollkorn-regular-webfont.ttf') format('truetype'), 
    url('../fonts/vollkorn-regular-webfont.svg#vollkornregular') format('svg'); 
font-weight: normal; 
font-style: normal;} 
+0

Возможный дубликат http://stackoverflow.com/questions/12589758/font-face-doesnt-work – Microsmsm

+0

Получили ли вы какую-либо ошибку в консоли? –

+0

Нет, но он отлично работает, т.е. просто не в других браузерах –

ответ

0

Правило @font-face обычно не поддерживает некоторые старые браузеры. Обычно я использую font-face generator, который будет генерировать css-файл из вашего шрифта, который вам нужно включить, и все браузеры покажут его правильно.

+0

Вот что я использовал. Это дало мне этот код. Все, что я сделал, было направлено в папку, где мои шрифты. Его единственная работа для т. –

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