W3.CSS Fonts
Rendere il web bello!
Con W3.CSS è estremamente facile aggiungere nuovi font a una pagina Web.
- Molto facile da usare (solo CSS e HTML)
- Uso illimitato di librerie di font esterni (come Google Fonts)
- Funziona in tutti i browser moderni
Utilizzando una classe Font
Rendere il Web!
Nella testa della pagina web (o nel vostro foglio di stile), creare una classe di carattere:
Esempio
.w3-myfont {
font-family: "Comic Sans MS", cursive, sans-serif;
}
Nel corpo della pagina web, utilizzare il nome della classe:
Utilizzando font esterni
Nella testa della tua pagina web, includere un font esterno, e dare il carattere di una classe:
Esempio
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Tangerine">
<style>
.w3-tangerine {
font-family: 'Tangerine', serif;
}
</style>Nel corpo della pagina web, utilizzare il nome della classe:
Altri esempi
Rendere il Web!
Esempio
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Lobster">
Prova tu stesso " Rendere il Web!
Esempio
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Lobster&effect=brick-sign">
Prova tu stesso " Rendere il Web!
Esempio
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Allerta+Stencil">
Prova tu stesso "  | effetti di carattere non funziona in Internet Explorer 9 e versioni precedenti. |
|---|
Modifica della pagina Font
Nella testa della pagina web (o nel vostro foglio di stile), dopo aver caricato w3.css, cambiare lo stile di html e corpo:
Esempio
<link rel="stylesheet" href="http://www.w3ii.com/lib/w3.css">
<style>
html , body {
font-family: "Comic Sans MS", cursive, sans-serif;
}
</style>
Prova tu stesso "