Como aplicar fonte global a todo o documento HTML

Eu tenho uma página HTML que inclui algum texto e formatação. Quero que ele tenha a mesma família de fontes e o mesmo tamanho de texto, ignorando toda a formatação interna do texto.

Quero definir um formato de fonte global para a página HTML.

Como posso conseguir isso?

Você deve poder utilizar o asterisco e os !importantelementos no CSS.

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

O asterisco corresponde a tudo (você provavelmente poderia fugir sem o htmlmesmo).

Os !importantgarante que nada pode substituir o que você definiu neste estilo (a menos que também é importante). (isso serve para ajudar com sua exigência de que "ignore a formatação interna do texto" - o que eu entendi como outros estilos não poderiam substituí-los)

O resto do estilo dentro dos aparelhos é como qualquer outro estilo e você pode fazer o que quiser lá. Eu escolhi mudar o tamanho da fonte, cor e família como exemplo.

A melhor prática que eu acho é definir a fonte para o corpo:

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

e se você decidir alterá-lo para algum elemento, ele poderá ser facilmente substituído:

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

Coloque-o no seletor de corpo do seu css. Por exemplo

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

Use o seguinte css:

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

O *-selector significa qualquer / todos os elementos, mas obviamente estará na parte inferior da cadeia alimentar quando se trata de substituir mais específicos seletores .

Observe que o !importantsinalizador-fará com que o fontestilo *-seja absoluto, mesmo que outros seletores tenham sido usados ​​para definir o texto (por exemplo, o bodyou talvez a p).

Você nunca deve usar * + !important. E se você quiser alterar a fonte em algumas partes do seu documento HTML? Você sempre deve usar o corpo sem importante. Use !importantapenas se não houver outra opção.

Tente o seguinte:

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