Импорт шрифта через CSS не работает

Я заранее извиняюсь, так как есть много сообщений, которые связаны друг с другом, но просто не могут найти решение.Импорт шрифта через CSS не работает

Я пытаюсь использовать шрифт, который я загрузил, и поместил в папку «fonts». Эта папка расположена там, где находятся все мои веб-страницы.

Файл шрифта называется «timeburnernormal.ttf» и имя шрифта «TimeBurner»

CSS

@font-face { 
font-family: 'TimeBurner'; 
src:url("fonts/timeburnernormal.ttf"); 
} 

h1 { 
    font-family: 'TimeBurner'; 
    font-weight:normal; 
    font-size:27pt; 
}

Изменение семейства шрифтов в классе h1 оказывается успешным с любым шрифтом, установленным на мой компьютер, но просто не работает с этим методом. Это мой CSS?

Благодаря

источник

2016-02-29 Bob

Путь к шрифтам будет относиться к CSS-файлу, поэтому, вероятно, вам, вероятно, придется изменить его на 'src: url (" ../fonts/timeburnernormal.ttf ");' –

не пробовал, но учтите это также: Кажется, что одиночные кавычки в семье шрифтов могут не помочь ... Я так не думаю, но попробуйте http://stackoverflow.com/questions/9870699/can- relative-paths-be-used-for-font-face-src – ignivs

@MatthewDarnell это решило это, спасибо очень, чувствую себя идиотом – Bob

Если добавив семейство шрифтов для h1 непосредственно работает, есть класс/идентификатор или, возможно, другой h1 декларация в вашем CSS отменяет шрифт. Взгляните на свой CSS или просмотрите элемент с помощью Chrome DevTools, чтобы узнать, как устанавливается семейство шрифтов.

источник

2016-02-29 20:56:27

Импорт шрифта через CSS не работает

ответ

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