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 hereenter image description here

Ответ 4

Я думаю, что op хочет знать, какой шрифт используется на веб-странице, и надеялся, что информация может быть найдена в панели "проверка".

Попробуйте добавить расширение Whatfont Chrome.