Tuto CSS-SASS

Comment gérer le choix et les propriétés des polices en CSS? Le CSS permet d'attribuer un certain nombre de polices de caractères à un document web en fonction de la hiérarchie de l'information ou de la mise en page que l'on souhaite déployer. Il existe plusieurs types de polices (avec ou sans empâtements) que l'on peut moduler en fonction de la taille et de la couleur souhaitée. Voici quelques exemples de manipulations CSS au niveau des polices de caractères.

<!--Code HTML--> <p class="test-impact">Ce texte sera dans une police de type "IMPACT"</p> <p class="test-courier">Ce texte sera dans une police de type "COURIER"</p> /*Code CSS*/ .test-impact{font-family:impact;} .test-courier{font-family:courier;} <!--Code HTML--> <p class="test-pixels">Ce texte aura une taille de police de 16 pixels</p> <p class="test-vw">Ce texte aura une taille de police déterminée en fonction de la largeur de l'écran (faites le test en diminuant ou en augmentant la taille de la fenêtre du navigateur</p> /*Code CSS*/ .test-pixels{font-size:16px;} .test-vw{font-size:2vw;} /*Code CSS*/ .test-italic{font-style: italic;} .test-bold{font-weight: bold;} <!--Code HTML--> <p class="test-italic">Ce texte sera affiché en italic</p> <p class="test-bold">Ce texte aura sera affiché en BOLD</p>