CSS3 - Polices Web

Les polices Web sont utilisées pour autoriser les polices en CSS, qui ne sont pas installées sur le système local.

Différents formats de polices Web

Sr.No. Police et description
1

TrueType Fonts (TTF)

TrueType est un standard de police de contour développé par Apple et Microsoft à la fin des années 1980.Il est devenu les polices les plus courantes pour les systèmes d'exploitation Windows et MAC.
2

OpenType Fonts (OTF)

OpenType est un format pour les polices informatiques évolutives et développé par Microsoft
3

The Web Open Font Format (WOFF)

WOFF est utilisé pour développer la page Web et développé en 2009. Maintenant, il utilise la recommandation du W3C.
4

SVG Fonts/Shapes

SVG autorise les polices SVG dans la documentation SVG. Nous pouvons également appliquer CSS à SVG avec la propriété font face.
5

Embedded OpenType Fonts (EOT)

EOT est utilisé pour développer les pages Web et il est intégré dans les pages Web, donc pas besoin d'autoriser les polices tierces

Le code suivant montre l'exemple de code de la police face -

<html>
   <head>
      <style>
         @font-face {
            font-family: myFirstFont;
            src: url(/css/font/SansationLight.woff);
         }
         div {
            font-family: myFirstFont;
         }
      </Style>
   </head>
   
   <body>
      <div>This is the example of font face with CSS3.</div>
      <p><b>Original Text :</b>This is the example of font face with CSS3.</p>
   </body>
</html>

Il produira le résultat suivant -

Description des polices

La liste suivante contenait toutes les descriptions des polices qui sont placées dans la règle @ font-face -

Sr.No. Valeur et description
1

font-family

Utilisé pour définir le nom de la police
2

src

Utilisé pour définir l'URL
3

font-stretch

Utilisé pour trouver, comment la police doit être étirée
4

font-style

Utilisé pour définir le style des polices
5

font-weight

Utilisé pour définir l'épaisseur de la police (gras)