Mit den Google Web Fonts haben Sie die Möglichkeit eine ganze Reihe von Schriften auf Ihrer Webseite zu nutzen,
ohne dass Sie diese auf den Server hochladen müssen.
Sie müssen lediglich, die für Ihr Design benötigten Schriften über einen Code-Schnipsel einbinden:
<link rel="stylesheet" type="text/css"
href="http://fonts.googleapis.com/css?family=Font+Name">
CSS-Angabe:
<style type="text/css">
CSS selector {
font-family: "Font Name";
}
</style>
Oder:
<div style="font-family: 'Font Name';">Ihr Text</div>
Beispiele:
Tangerine
Reenie Beanie
Droid Sans
Josefin Slab
Vibur
Crafty Girls
Fontdiner Swanky
Weitere Schriften finden Sie unter:
http://code.google.com/webfonts
• Webfont mit Textschatten (CSS3)
<style type="text/css">
CSS selector {
font-family: "Font Name";
text-shadow: 4px 4px 4px #AAAAAA;
}
</style>
Beispiele:
Tangerine
Reenie Beanie
Droid Sans
Josefin Slab
Vibur
Crafty Girls
Fontdiner Swanky