2016-05-20 2 views
-2

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

@font-face { 

    font-family:'newfont'; 
    src:url('../website/fonts/kulminoituva.eot'); 
    src:url('../website/fonts/kulminoituva.eot?#iefix') format('embedded-opentype'), 
     url('../website/fonts/kulminoituva.woff') format('woff'), 
     url('../website/fonts/kulminoituva.ttf') format('truetype'); 
    font-weight:normal; 
    font-style:normal; 
} 

и код при вызове

ul li { 
    font-family: 'newfont', helvetica, sans-serif; 
} 

обновление

Я получил это запущенной, после просто дать имя файла. без какого-либо пути к файлу. скобка автоматически определяет шрифт. благодаря @Calvt и appleElmi

+2

Когда вы проверяете страницу, есть ли 404 ошибки для этих шрифтов? –

+0

@CalvT нет ошибок 404! страница выполняется успешно. шрифт не отображается, вот и все –

+0

@CalvT обнаружил ошибку 404 на двух файлах. какие-либо предложения? –

ответ

2

Это должно быть справочной проблемой, о чем упоминал @CalvT. В описании вы упоминаете

все файлы шрифта сохраняются в том же каталоге, CSS и HTML файлы

однако @font-face декларация указывает на шрифты в родительском каталоге (..), под/сайт/шрифты

Проверьте Инструменты разработчика браузера и убедитесь, что нет никаких ошибок, указывающих:

Не удалось загрузить ресурс: Net :: ERR_FILE_NOT_FOUND

Если шрифты сохраняются в том же каталоге, CSS и HTML файлы, под папку под названием сайт, то @font-face декларация должна быть

@font-face { 
    font-family:'newfont'; 
    src:url('website/fonts/kulminoituva.eot'); 
    src:url('website/fonts/kulminoituva.eot?#iefix') format('embedded-opentype'), 
     url('website/fonts/kulminoituva.woff') format('woff'), 
     url('website/fonts/kulminoituva.ttf') format('truetype'); 
    font-weight:normal; 
    font-style:normal; 
} 

Если они сохраняются в том же каталоге, CSS и HTML файлы под папку под названием шрифты, а затем удалить сайт/ от вашего объявления @font-face

+1

yes найдена ошибка, так как @CalvT упоминается. его ошибка 404! моя вина –

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