Как применить один и тот же шрифт ко всему на странице?

Question

Допустим, я хочу указать Arial в заголовке HTML - и я хочу, чтобы он применялся ко всему.

Должен ли я перечислять каждый тип элемента явно? Или я могу установить их все одним утверждением?

Answer 1

Вы можете использовать селектор *, который применяется ко всему:

<style>
* {
    font-family: Arial;
}
</style>

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

body {
    font-family: Arial;
}

Answer 2

Нет, обычно достаточно указать его на body.Вот для чего C в CSS: каскадирование.Это означает, что элементы наследуют свойства своего родительского элемента.Поэтому все, что находится под body (что должно быть всем), автоматически наследует шрифт.

body { font: 12px Helvetica, Arial, sans-serif; }

Answer 3

Я предпочитаю

body {
   font-family: Arial;
}

и пусть это каскадом вниз. Преимущество этого состоит в том, что вы не будете топать явные варианты шрифтов в дальнейшем по дереву. Если вы хотите топнуть, используйте форму * в других ответах