web-dev-qa-db-fra.com

Comment appliquer une police globale à un document HTML entier

J'ai une page HTML qui inclut du texte et du formatage. Je veux lui donner la même famille de polices et la même taille de texte en ignorant tout le formatage interne du texte.

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

Comment puis-je atteindre cet objectif?

htmlcssfont-family
156
Sweety

Vous devriez pouvoir utiliser l'astérisque et les éléments !important dans CSS.

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

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

Le !important garantit que rien ne peut remplacer ce que vous avez défini dans ce style (à moins que ce ne soit aussi important). (Ceci est utile pour répondre à votre exigence selon laquelle il doit "ignorer la mise en forme interne du texte" - ce qui, selon moi, signifiait que les autres styles ne pouvaient pas écraser ceux-ci)

Le reste du style dans les accolades est comme n'importe quel autre style et vous pouvez faire ce que vous voulez. J'ai choisi de changer la taille de la police, la couleur et la famille à titre d'exemple.

238
Amadiere

Je pense que la meilleure pratique consiste à définir la police de caractères 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;
}
38
Teneff

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

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

Utilisez le css suivant:

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

Le sélecteur *- signifie n'importe lequel/tous éléments, mais sera évidemment au bas de la chaîne alimentaire quand il s'agira de remplacer plus spécifique sélecteurs.

Notez que le drapeau !important- rendra le style font- pour * 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).

12
ninetwozero

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

4
Rakowu