Comment appliquer une police globale à tout le document HTML

Question

J'ai une page HTML qui contient du texte et du formatage. Je veux qu'il ait la même famille de caractères et la même taille de texte, en ignorant tout le formatage interne du texte.

Je veux définir un format de police global pour la page HTML.

Comment puis-je y parvenir ?

Answer 1

Vous devriez être capable d'utiliser l'astérisque et le !important dans les CSS.

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

L'astérisque correspond à tout (vous pourriez probablement vous en sortir sans l'astérisque html aussi).

El !important assure que Rien ne peut remplacer ce que vous avez défini dans ce style. (sauf si elle est également importante). (ceci pour vous aider à répondre à votre exigence de "ne pas tenir compte du formatage interne du texte" - ce que j'ai compris comme signifiant que les autres styles ne pouvaient pas écraser ces derniers).

Le reste du style à l'intérieur des accolades est comme n'importe quel autre style et vous pouvez y faire ce que vous voulez. J'ai choisi de modifier la taille, la couleur et la famille de la police à titre d'exemple.

Answer 2

La meilleure pratique, je pense, est de définir la police du corps :

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

et si vous décidez de le modifier pour un élément quelconque, il pourrait facilement être écrasé :

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

Answer 3

Définissez-le dans le sélecteur body de votre css. Par exemple

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

Answer 4

Utilisez le css suivant :

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

El * -Sélecteur signifie tout/tout mais seront évidemment au bas de la chaîne alimentaire lorsqu'il s'agira de remplacer des éléments plus complexes. spécifique sélecteurs.

Notez que le !important -rendra le font -style pour * pour être absolu, même si d'autres sélecteurs ont été utilisés pour définir le texte (par exemple, la balise body ou peut-être un p ).

Answer 5

Vous ne devez jamais utiliser * + !important . Que faire si vous voulez changer la police dans certaines parties de votre document HTML ? Vous devez toujours utiliser body sans important. Utilisez !important seulement s'il n'y a pas d'autre option.