Einbindung von eigenen Schriften in collabor mittels Google Webfonts

martin.lettner.uni-linz, 3. Oktober 2011, 20:15

Mit Google Webfonts bietet Google eine besonders einfache Möglichkeit Schriften auf Websites einzubinden, die nicht auf den Geräten der Besucher gespeichert sein muss.

  1. Website öffnen
    http://www.google.com/webfonts
  2. Schrift aussuchen
    Auf der Website lässt sich bequem nach diversen Parametern filtern.
  3. Schrift auswählen
    Der Button "Quick-Use" wird die Schrift ausgewählt. Mit der Collection können favorisierte Schriften miteinander verglichen werden.
  4. Schriftschnitte auswählen (falls vorhanden)
    Zumindest Normal und Fett sollte ausgewählt werden. Die Grafik zeigt die benötigte Datenmenge für die Schrift-Dateien an.
  5. Code in Header der Website einbauen.
    Code von der Website kopieren dann in collabor: Layouts >> Skins >> Site Layout >> Main Page vor dem abschließendem head-Tag einfügen. 
  6. Schriftart angeben
    Layouts >> Einstellungen
    Achtung: Bei der ersten Veränderung stellt collabor das komplette Layout um!
  7. Fertig!

1 comment :: Kommentieren

manuel.schmuck.uni-linz, 4. Oktober 2011, 11:14

dankeschön Martin, sehr hilfreich!

Verlinken :: Kommentieren