Font-family наследуется. Как узнать семейство шрифтов в панели разработчиков Chrome?
В области разработчика Chrome я вижу эти настройки css элемента.
![enter image description here]()
Насколько я вижу, каждое значение font-family
наследовать.
Как узнать, что является фактическим значением семейства шрифтов? И как я могу отследить определение корневого значения семейства шрифтов из иерархии наследования?
Ответы
Ответ 1
Developer Tools > Elements > Computed > Rendered Fonts
На снимке, который вы прикрепляете к своему вопросу, отображается вкладка Style
. Если вы перейдете на следующую вкладку, Computed
, вы можете проверить выделенные шрифты, в которых отображается фактическое семейство шрифтов.
![Developer Tools > Elements > Computed > Rendered Fonts]()
Ответ 2
Значение inherit
при использовании означает, что значение свойства установлено равным значению того же свойства родительского элемент. Для корневого элемента (в документах HTML для элемента html
) нет родительского элемента; по определению, используемое значение является начальным значением свойства. Начальное значение определяется для каждого свойства в спецификациях CSS.
Свойство font-family
является особенным в том смысле, что начальное значение не определено в спецификации, но определено как зависящее от браузера. Это означает, что используется семейство шрифтов браузеров по умолчанию. Это значение может быть задано пользователем.
Если существует непрерывная цепочка элементов (в смысле отношений родитель-ребенок) от корневого элемента к текущему элементу, все с font-family
устанавливаются на inherit
или вообще не устанавливаются в любой таблице стилей ( который также вызывает наследование), тогда шрифт является браузером по умолчанию.
Это довольно неинтересно. Если вы вообще не устанавливаете шрифты, будут использоваться умолчания браузеров. Ваша настоящая проблема может быть другой - вы, кажется, смотрите на часть таблиц стилей, которые составляют таблицу стилей браузера. Есть, вероятно, другие, более интересные таблицы стилей, которые влияют на ситуацию.
Ответ 3
В этом случае наследуется семейство шрифтов вашего браузера по умолчанию.
Вы можете проверить шрифт браузера по умолчанию в chrome:
Настройки > Веб-контент > Настроить шрифты...
![enter image description here]()
![enter image description here]()
Ответ 4
Я думаю, что op хочет знать, какой шрифт используется на веб-странице, и надеялся, что информация может быть найдена в панели "проверка".
Попробуйте добавить расширение Whatfont Chrome.