Comment appliquer une police globale à un document HTML entier

J’ai une page HTML qui inclut du texte et du formatage. Je veux le faire avoir la même famille de fonts et la même taille de texte en ignorant toute la mise en forme interne du texte.

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

Comment puis-je atteindre cet objective?

Vous devriez pouvoir utiliser l’astérisque et !important éléments !important de CSS.

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

L’astérisque correspond à tout (vous pourriez probablement sortir sans le html ).

Le !important garantit que rien ne peut remplacer ce que vous avez défini dans ce style (sauf si cela est également important). (ceci pour vous aider à “ignorer le formatage interne du texte”, ce qui signifie que les autres styles ne pouvaient pas les écraser)

Le rest du style au sein des accolades est comme n’importe quel autre style et vous pouvez faire tout ce que vous voulez. J’ai choisi de changer la taille de la police, la couleur et la famille à titre d’exemple.

Je pense que la meilleure pratique est de définir la police sur le corps:

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

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

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

Placez-le dans le sélecteur de corps de votre css. Par exemple

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

Utilisez le css suivant:

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

Le sélecteur * signifie tout / tous les éléments, mais sera évidemment au bas de la chaîne alimentaire en ce qui concerne le remplacement de sélecteurs plus spécifiques .

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

Vous ne devriez jamais utiliser * + !important . Que faire si vous souhaitez modifier la police dans certaines parties de votre document HTML? Vous devez toujours utiliser le corps sans importance. Utilisez !important uniquement s’il n’y a pas d’autre option.

Essaye ça:

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