W3.CSS Fonts
Making the Web schön!
Mit W3.CSS ist es extrem einfach, neue Schriften zu einer Webseite hinzuzufügen.
- Sehr einfach (nur CSS und HTML) zu verwenden,
- Unbegrenzte Nutzung externer Schriftbibliotheken (wie Google Fonts)
- Funktioniert in allen modernen Browsern
Mit einer Font-Klasse
Making the Web!
Im Kopf Ihrer Webseite (oder in Ihrem Stylesheet), eine Font-Klasse zu erstellen:
Beispiel
.w3-myfont {
font-family: "Comic Sans MS", cursive, sans-serif;
}
Im Körper Ihrer Webseite, verwenden Sie den Klassenname:
Verwendung externer Schriftarten
Im Kopf Ihrer Web-Seite, dass eine externe Schriftart und geben der Schrift eine Klasse:
Beispiel
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Tangerine">
<style>
.w3-tangerine {
font-family: 'Tangerine', serif;
}
</style>Im Körper Ihrer Webseite, verwenden Sie den Klassenname:
Mehr Beispiele
Making the Web!
Beispiel
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Lobster">
Versuch es selber " Making the Web!
Beispiel
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Lobster&effect=brick-sign">
Versuch es selber " Making the Web!
Beispiel
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Allerta+Stencil">
Versuch es selber "  | Schrifteffekte funktionieren nicht in Internet Explorer 9 und früher. |
|---|
Ändern der Seite Schriftart
Im Kopf Ihrer Webseite (oder in Ihrem Stylesheet), nachdem Sie w3.css geladen haben, ändern Sie die Art von HTML und Körper:
Beispiel
<link rel="stylesheet" href="http://www.w3ii.com/lib/w3.css">
<style>
html , body {
font-family: "Comic Sans MS", cursive, sans-serif;
}
</style>
Versuch es selber "