Comment changer de police en HTML

Comment changer de police en HTML

Dans les versions HTML antérieures, la balise de police a été utilisée pour définir et modifier la taille, la couleur et le style de la police. Cependant, HTML5 ne recommande pas d'utiliser une balise de police.
HTML5 a ajouté les propriétés de police comme un attribut dans l'élément. Les propriétés incluent le style de police, la taille de la police et la couleur. Ces propriétés améliorent l'esthétique de la police en HTML. Cet article vise à fournir diverses méthodes pour changer les polices en HTML. Les résultats de cet article sont:

  1. Comment changer la couleur de la police en HTML
  2. Comment changer la taille de la police en HTML
  3. Comment changer le style de police en HTML

Comment changer la police en HTML

Dans HTML, une police comprend diverses propriétés telles que couleur, style et taille. Ces attributs sont appliqués pour fournir une visibilité interactive des polices.

Comment changer la couleur de la police en HTML

Pour modifier la couleur de la police en HTML, ajoutez l'attribut de style dans la balise d'ouverture et utilisez la propriété de couleur, puis attribuez la valeur de couleur qui pourrait être «Hex», «RVB» ou «mot-clé» de couleur de nom.

Le code HTML suivant utilise le "couleur" attribut pour changer la police:

Code

1
2
3

Nous avons changé la couleur de la police de la valeur par défaut


Dans le code ci-dessus, nous avons utilisé l'attribut de style dans la balise P d'ouverture, puis utilisé la propriété couleur et attribué la valeur de couleur.

Image de code

Sortir

La couleur de la police est passée de la valeur par défaut en rouge, nous avons utilisé l'attribut de police de police et attribué la couleur rouge.

Comment changer la taille de la police en HTML

Styles de style en ligne L'élément unique. Chaque fois que nous utilisons l'attribut de style à l'intérieur d'un élément spécifique, il écrasera la propriété ciblée.

Changeons la taille de la police en HTML en utilisant le code qui est écrit ci-dessous:

Code

1
2
3

Nous avons changé la taille de la police en 30px


Dans le code ci-dessus, nous avons défini la taille de la police sur 30px à l'aide de la propriété de taille de police, nous avons appliqué ce code dans la balise d'ouverture de la balise de paragraphe qui est

.

Image

Sortir

La taille du texte du paragraphe est passée de la valeur par défaut 30px en utilisant une propriété de taille de police.

Comment changer le style d'une police en HTML

Le style de police définit le style de la police en HTML. Chaque fois que nous utilisons la balise de style dans un élément HTML, il écrasera tous les paramètres qui ont été définis par défaut.

Voyons comment nous pouvons modifier le style de police ou la famille des polices en HTML via l'exemple suivant

Code

1
2
3

Le style de police a changé pour Verdana


Ici, nous avons utilisé la balise Font-Family et lui avons attribué la propriété «Verdana», qui définit le style de police de la tête de défaut à Verdana.

Image

Sortir

Le style de police est passé à partir de par défaut à Verdana en utilisant la propriété de style police.

Vous avez appris à changer le style de police, la taille de la police et la couleur de la police en HTML.

Conclusion:

La police de HTML peut être modifiée en utilisant trois attributs différents qui sont «couleur», «taille de police» et «style de police."Cet article fournit diverses méthodes pour changer les polices en HTML. La propriété «couleur» modifie la couleur de la police, la «taille de police» est utilisée pour manipuler la taille de la police et la «Font-Family» ajoute un certain style aux polices.