W3.CSS Fonts
Rendre le web beau!
Avec W3.CSS il est extrêmement facile d'ajouter de nouvelles polices à une page Web.
- Très facile à utiliser (uniquement CSS et HTML)
- Utilisation illimitée des bibliothèques de polices externes (comme Google Fonts)
- Fonctionne dans tous les navigateurs modernes
Utiliser une classe de police
Rendre le Web!
Dans la tête de votre page Web (ou dans votre feuille de style), créer une classe de police:
Exemple
.w3-myfont {
font-family: "Comic Sans MS", cursive, sans-serif;
}
Dans le corps de votre page Web, utilisez le nom de la classe:
Utilisation des polices externes
Dans la tête de votre page Web, y compris une police externe, et donner à la police une classe:
Exemple
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Tangerine">
<style>
.w3-tangerine {
font-family: 'Tangerine', serif;
}
</style>Dans le corps de votre page Web, utilisez le nom de la classe:
Autres exemples
Rendre le Web!
Exemple
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Lobster">
Try It Yourself » Rendre le Web!
Exemple
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Lobster&effect=brick-sign">
Try It Yourself » Rendre le Web!
Exemple
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Allerta+Stencil">
Try It Yourself »  | effets de police ne fonctionne pas dans Internet Explorer 9 et plus tôt. |
|---|
Modification de la page de la police
Dans la tête de votre page Web (ou dans votre feuille de style), une fois que vous avez chargé w3.css, changer le style de html et le corps:
Exemple
<link rel="stylesheet" href="http://www.w3ii.com/lib/w3.css">
<style>
html , body {
font-family: "Comic Sans MS", cursive, sans-serif;
}
</style>
Try It Yourself »