Webdesign / Tipps / Gratis-Webfonts von Google

von: Werner Zenk

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
    Und Ihre Meinung?
      Sie vermissen auf dieser Seite wichtige Informationen oder haben Hinweise für uns?
kurt:
sehr guter tipp
Hilfe finden Sie im » netzgemein.de - Forum. Auch als „Gast” können Sie dort Fragen stellen!  
 Das könnte Sie interessieren:
Container mit „Eselsohren”  Weicher Farbübergang in Containern  Kompaktes Design  Strukturen  Tabellenbild 2  Tabellenbild 4  Tabellenbild 6  Tabellenbild 5  Barrierefreie Homepageseiten   Startseite  Farbübergang mit Tabelle und Bild  …mehr
© 2000-2012 Homepage-Total.de Kontakt - Impressum - Banner