Как применить глобальный шрифт ко всему HTML-документу

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

Я хочу установить глобальный формат шрифта для страницы HTML.

Как я могу это достичь?

Ответ 1

Вы должны иметь возможность использовать элементы звездочки и !important в CSS.

html *
{
   font-size: 1em !important;
   color: #000 !important;
   font-family: Arial !important;
}

Звездочка соответствует всем (вы могли бы уйти без html тоже).

!important гарантирует, что ничего не сможет переопределить то, что вы установили в этом стиле (если это не так важно). (это поможет с вашим требованием, чтобы он "игнорировал внутреннее форматирование текста", что я подразумевал, что другие стили не могли перезаписать их)

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

Ответ 2

Лучшая практика, я думаю, это установить шрифт в тело:

body {
    font: normal 10px Verdana, Arial, sans-serif;
}

и если вы решите изменить его для некоторого элемента, его можно будет легко перезаписать:

h2, h3 {
    font-size: 14px;
}

Ответ 3

Установите его в селектор тела вашего css. Например.

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

Ответ 4

Используйте следующий css:

* {
    font: Verdana, Arial, 'sans-serif' !important;/* <-- fonts */
}

* -селектор означает любые/все элементы, но, очевидно, будет находиться на дне пищевой цепи, когда дело доходит до переопределения более конкретных селекторов.

Обратите внимание, что !important -flag сделает стиль font для * абсолютным, даже если другие селектора были использованы для установки текста (например, body или, возможно, T26 > ).

Ответ 5

Вы не должны использовать * + !important. Что делать, если вы хотите изменить шрифт в некоторых частях вашего документа HTML? Вы всегда должны использовать тело без важности. Используйте !important только в том случае, если нет другой опции.

Ответ 6

Попробуйте следующее:

body
{
    font-family:your font;
    font-size:your value;
    font-weight:your value;
}