Comment changer la taille de la police en HTML
Donc, dans cet article, nous verrons comment changer la taille de la police en HTML:
- Utilisation de pixels
- Utilisation du pourcentage%
- Selon la taille de l'écran
- en utilisant une valeur d'unité éphémère
Comment changer la taille de la police en HTML à l'aide de la propriété de taille de police?
Dans HTML, la taille des polices peut être modifiée par la propriété de la taille de la police du CSS. La propriété de taille de police prend en charge une liste d'options pour modifier la taille de la police en fonction de certains critères. Cette section décrit la liste des options possibles de la propriété de taille de police pour modifier le taille de police en html.
- Utilisation de pixels (PX)
Nous pouvons modifier la taille de la police à l'aide de la propriété de taille de police CSS et définir sa valeur en pixels. Un pixel est une unité de mesure pour spécifier la hauteur, la largeur, la taille de la police, etc. utilisées par les développeurs Web. 1 pixel représente la partie 1 / 96e d'un pouce sur un écran. L'exemple pratique suivant montrera l'utilisation de cette propriété avec des valeurs de pixels. Par défaut, la taille de la police est de 16 pixels.
Code:
Ceci est la taille normale de la police dans un document HTML.
La taille de la police est changée à 30 pixels à l'aide de la propriété CSS-Size Property.
Dans ce code, nous écrivons deux paragraphes et modifions la taille d'un paragraphe à 25px à l'aide de la propriété CSS-SIZE.
Sortir:
La sortie montre que la taille de la police est modifiée avec succès en pixels.
- Utilisation du pourcentage%
Nous pouvons également modifier la taille de la police en définissant la valeur de la propriété de taille de police CSS en pourcentage par rapport à la taille corporelle du document HTML qui signifie que lorsque nous donnons de la valeur en pourcentage, il ira. Regardons l'exemple suivant pour mieux comprendre.
Code:
Ceci est la taille normale de la police dans un document HTML.
La taille de la police est modifiée en pourcentage à l'aide de la propriété de la taille de la police CSS.
Dans ce code, nous créons deux paragraphes et modifions la taille du deuxième paragraphe à l'aide d'une propriété CSS-taille de la taille de la police et définissons sa valeur à 150%.
Sortir:
Cette sortie montre que nous avons réussi à modifier la taille de la police en spécifiant la valeur en pourcentage.
- Réglez la taille de la police selon la taille de l'écran
La taille de la police peut également être modifiée dynamiquement. Cela signifie que notre taille de police change en fonction de la taille de l'écran dynamiquement. Pour modifier la taille de la police selon l'écran que nous utilisons VW (largeur de la fenêtre). L'exemple suivant montre l'utilisation des valeurs VW dans la propriété de la taille de police CSS.
Code:
Ceci est la taille normale de la police dans un document HTML.
La taille de la police est modifiée en pourcentage à l'aide de la propriété de la taille de la police CSS.
Dans ce code, nous créons deux paragraphes et modifions la taille d'un paragraphe en utilisant une valeur VW qui redimensionnera le texte en fonction de la taille de l'écran.
Sortir:
La sortie montre que le paragraphe avec une taille de texte normale reste statique alors que le paragraphe qui utilise vw valeur pour modifier la taille de la police se redimensionne en fonction de l'écran.
- En utilisant la valeur de l'unité éphémère
Nous pouvons modifier la taille de la police en utilisant la propriété de taille de police CSS et définir sa valeur à EM. Ici 1EM est censé être égal à la taille de la police actuelle du corps du document HTML. Par défaut, la taille normale de la police du document HTML est de 16 pixels afin que nous puissions dire que 1EM = 16 pixels. L'exemple pratique suivant présente l'utilisation de l'unité EM.
Code:
Ceci est la taille normale de la police dans le document HTML.
La taille de la police est modifiée en pourcentage à l'aide de la propriété de la taille de la police CSS.
Dans ce code, nous avons changé la taille du paragraphe en utilisant la propriété CSS-SIZE et définissant sa valeur sur 2 EM, ce qui est égal à 32 pixels.
Sortir:
Cette sortie montre que nous avons changé la taille de la police en utilisant la valeur EM de la propriété CSS-SIZE.
Voici! Vous pouvez maintenant changer avec succès la taille de la police en HTML en utilisant l'une des méthodes mentionnées ci-dessus.
Conclusion
Dans HTML, nous pouvons modifier la taille de la police en utilisant la propriété de taille de police CSS et définir ses valeurs en pixels, pourcentage, largeur de la fenêtre et unité éphémère. Dans cet article, nous avons parcouru tous les ensembles de valeurs qui peuvent être utilisés avec la propriété CSS-Taille pour modifier la taille de la police en HTML. Les pixels, le pourcentage et les EM sont les valeurs fixes tandis que l'option de la fenêtre manipule la police en fonction de la taille de l'écran.