Я смущен о том, почему <h1> на this website имеет font-familyHelvetica (по крайней мере, если смотреть в Chrome).CSS каскадный приоритет путаницы
Из инструментов разработчика Google похоже, что семейство шрифтов наследуется от правила body Bootstrap CSS (см. bootstrap.min.css).
Нельзя ли перенести файл names.css? Это устанавливает font-familyLobster в теге h1 явно.
Это не проблема приоритета селектора: Chrome не будет принимать inherit свойства для font-family в качестве запасного варианта. Удалите его, и вы получите свой шрифт, как ожидалось.
The standart says что font-family принимает список шрифтов, или в inherit особой ценности, но не смесь из двух. Я уверен, что если шрифт не будет найден в списке, он будет возвращаться к inherit.
Когда я открываю эту веб-страницу, Chrome дает мне желтый восклицательный треугольник на этой строке, поэтому он не обрабатывает эту спецификацию шрифта CSS.
Вы объявили @font-face {}? Мне кажется, что шрифт установлен неправильно, потому что Chrome не знает, что с ним делать.
РЕДАКТИРОВАТЬ:
Удаление inherit решает эту проблему.
Именование шрифтов, которые не установлены, не вызывает синтаксическую ошибку CSS, поэтому она не связана с директивой '@ font-face'. – zneak
zneak is super correct.zors –
Большое вам спасибо! Я разрывал волосы над этим. – flossfan