Im Forum taucht immer wieder die Frage auf, wie man Schriftarten auf seiner Homepage einbinden kann, die nicht jeder lokal installiert hat. Das Problem daran wird in folgendem Thread erläutert:
Urheberrechte
Google bietet allerdings eine große Sammlung open-source Schriftarten, die ihr auf eurer Homepage einbinden könnt.
Schritt 1: Schriftarten aussuchen
Google Webfonts
Die gewünschte Schrift wählen und auf den Button "Add to collection" klicken. Ihr könnt mehrere Schriftarten gleichzeitig auswählen.
Einfach jede Schriftart, mit einem Klick auf den Button "Add to collection", eurer Sammlung hinzufügen.
Alle Schriftarten ausgewählt? Unten am Bildschirm auf den Button Use klicken.
Schritt 2: Zusätzliche Styles und Zeichensätze auswählen
Für jede Schriftart, gibt es nochmal verschieden Styles. Diese könnt ihr durch setzen des Hakens, auswählen.
Ebenfalls durch setzen des entsprechenden Haken, könnt ihr verschieden Zeichensätze auswählen.
Schritt 3: Auf eurer Seite einbinden
Google bietet 3 verschieden Möglichkeiten, die Schriftarten einzubinden. Am besten wählt ihr das einbinden per @import.
Anschließend müsst ihr den Code kopieren und in eurem CSS-Code ganz am Anfang einfügen. Falls ihr noch keinen CSS-Code eingefügt habt, fügt den Code einfach zwischen den
Style-Tags <style type="text/css"> und
</style>, bei:
Design einstellen
Linker Reiter "Designeinstellungen"
Unteren Button "Erweitere Einstellungen anzeigen"
Feld "Text über dem Design"
ein.
!!!WICHTIG!!!: Falls ihr das
CSS-Design nutzt, wird der Code natürlich im Feld "CSS Code ohne Style Tags" und auch ohne selbige eingefügt.
Schritt 4: Schriftart anwenden
Um einem Element die ausgesuchte Schriftart zuzuweisen, muss die CSS font-family Eigenschaft, geändert werden. Als Wert erhält diese Eigenschaft den Namen der Schriftart. Die fertige Anweisung findet ihr in folgendem Feld.
Habt ihr mehrere Schriftarten ausgewählt, steht dort für jede Schriftart eine Zeile.
Wollt ihr z.B. allen
Links diese Schriftart zuweisen, sieht der CSS Block wie folgt aus:
Genauere Informationen, wie ihr die Schriftart einzelner Elemente bei eurem Design ändert, findet ihr hier:
Suchfunktion
Eingefügt wird auch das zwischen den
Style Tags. Da ihr diese bereits mindestens einmal eingefügt habt (siehe oben), könnt ihr den Anweisungsblock einfach am Ende des bereits existierenden CSS Code einfügen.
Edit by Matsk: 14.04.14 - 21:00 Uhr______________
mfg
o-4-n
"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]
*** Die Suchfunktion ist KEINE tödliche Krankheit! ***
Eventplanung, Equipment, Zeltverleih, Catering 
