Regole CSS3 @ font-face
Esempi
Specificare un font denominato "myFirstFont", e specificare dove trovare l'URL:
{
font-family: myFirstFont;
src: url ( 'Sansation_Light.ttf'),
url ( 'Sansation_Light.eot'); / * * IE9 /
}
Prova »
Supporto per il browser
Internet Explorer 9, Firefox, Opera, Chrome e Safari supporto regola @ font-face.
Tuttavia, Internet Explorer 9 supporta solo .eot tipi di font, Firefox, Chrome, Safari e Opera supporto .ttf e .otf due tipi di font.
Nota: Internet Explorer 8 e versioni precedenti di Internet Explorer non supportano regola @ font-face.
Attributo definizioni e le istruzioni
@ Font-face, web designer non devono più utilizzare i caratteri "web-safe" uno.
Nome del font, caratteri - regole face:
- font-family: myFirstFont;
file di font presenti sul server da qualche parte, CSS di riferimento:
- src: url ( 'Sansation_Light.ttf')
Se il file di carattere è in una posizione diversa, utilizzare l'URL completo:
- src: url ( '../../ www.w3cschool.css / CSS3 / Sansation_Light.ttf')
È pronto per utilizzare il tipo di carattere, il seguente è un esempio di come utilizzare tutto l'elemento div:
{
font-family: myFirstFont;
}
sintassi:
- @ Font-face
{
font-properties
}
I seguenti esempi di font utilizzati in un div:
{
font-family: myFirstFont;
}
grammatica
{
font-properties
}
descrizione Font | valore | spiegazione |
---|---|---|
font-family | nome | Richiesto. Definire il nome del font. |
src | URL | Richiesto. Definire l'URL di download dei font (S) |
font-stretch | normale condensato ultra-condensato Extra-condensato semi-condensato ampliato semiespanso Extra-espanso ultra-expanded | Opzionale. Definire come il tipo di carattere dovrebbe essere allungato. Il valore di default è "normale" |
font-style | normale corsivo obliquo | Opzionale. Definire lo stile del carattere dovrebbe essere come. Il valore di default è "normale" |
font-weight | normale audace 100 200 300 400 500 600 700 800 900 | Opzionale. Un peso di carattere personalizzato. Il valore di default è "normale" |
unicode-range | unicode-range | Opzionale. La gamma è definita font supportano i caratteri Unicode. Il valore di default è "u + 0-10 FFFF" |
articoli correlati
CSS3 tutorial: CSS3 Fonts