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

Question

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

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

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

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

430 6

html css fontfamily

6 ответов:

Comments

Ничего не найдено.

Amadiere · Accepted Answer · 2011-08-11 15:31:57

вы должны быть в состоянии использовать звездочки и !important элементы в CSS.
html *
{
   font-size: 1em !important;
   color: #000 !important;
   font-family: Arial !important;
}
звездочка соответствует всему (вы, вероятно, могли бы уйти без html тоже).

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

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

Teneff · Accepted Answer · 2011-08-11 15:25:17

Лучшая практика, я думаю, это установить шрифт в тело:
body {
    font: normal 10px Verdana, Arial, sans-serif;
}
и если вы решите изменить его для какого-то элемента, он может быть легко перезаписан:
h2, h3 {
    font-size: 14px;
}

Petecoop · Accepted Answer · 2016-08-17 12:56:48

установите его в селекторе тела вашего css. Е. Г.
body {
    font: 16px Arial, sans-serif;
}

ninetwozero · Accepted Answer · 2011-08-11 15:30:10

используйте следующий css:
* {
    font: Verdana, Arial, 'sans-serif' !important;/* <-- fonts */
}
The *-селектор означает все элементы, но, очевидно, будет на дне пищевой цепи, когда дело доходит до переопределения больше конкретные селекторы.

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

Rakowu · Accepted Answer · 2016-08-17 12:39:54

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

anglimasS · Accepted Answer · 2011-08-11 15:26:42

попробуйте это:

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