CSS3 - Caratteri Web

I caratteri Web vengono utilizzati per consentire i caratteri in CSS, che non sono installati sul sistema locale.

Diversi formati di caratteri web

Sr.No. Carattere e descrizione
1

TrueType Fonts (TTF)

TrueType è uno standard per i caratteri di contorno sviluppato da Apple e Microsoft alla fine degli anni '80, è diventato i caratteri più comuni per i sistemi operativi Windows e MAC.
2

OpenType Fonts (OTF)

OpenType è un formato per caratteri di computer scalabili e sviluppato da Microsoft
3

The Web Open Font Format (WOFF)

WOFF viene utilizzato per sviluppare la pagina web e sviluppato nell'anno del 2009. Ora viene utilizzato dalla raccomandazione del W3C.
4

SVG Fonts/Shapes

SVG consente i caratteri SVG nella documentazione SVG. Possiamo anche applicare CSS a SVG con la proprietà del tipo di carattere.
5

Embedded OpenType Fonts (EOT)

EOT viene utilizzato per sviluppare le pagine web ed è incorporato nelle pagine web, quindi non è necessario consentire caratteri di terze parti

Il codice seguente mostra il codice di esempio del tipo di carattere -

<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>

Produrrà il seguente risultato:

Descrizione dei caratteri

Il seguente elenco conteneva tutte le descrizioni dei caratteri che sono inserite nella regola @ font-face -

Sr.No. Valore e descrizione
1

font-family

Utilizzato per definire il nome del carattere
2

src

Utilizzato per definire l'URL
3

font-stretch

Usato per trovare il modo in cui il carattere deve essere allungato
4

font-style

Utilizzato per definire lo stile dei caratteri
5

font-weight

Utilizzato per definire il peso del carattere (grassetto)