Tutorial Schriftarten

Da es etliche User gibt die, gegen alle Bedenken, exotische Schriftarten in ihren Texten nutzen möchten, erkläre ich hier die Vorgehensweise.

Zuvor aber ein wenig darüber, warum Jimdo nur eine Handvoll Schriftarten zur Auswahl hat.

Diese Auswahl beruht darauf, dass gewährleistet sein soll, dass die Webseiten bei jedem User korrekt angezeigt werden. Im Internet gibt es nicht viel mehr als diese Handvoll websicherer Schriftarten, von denen auszugehen ist, dass sie auf jedem Rechner installiert sind. Schriftarten, die nicht auf dem PC des Besuchers vorhanden sind, können auch auf der Webseite nicht angezeigt werden.

Um es mal anhand eines Beispiels aufzuzeigen, wird der folgende Text in der Schriftart Stingray angezeigt. Der obere Schriftzug ist die Schriftart Stingray, die per Html Tag eingebaut worden ist. Wird auf Eurem PC nun die Schrift nicht so angezeigt, wie es an zweiter Position der Fall ist (Schrift als Bild), so könnt ihr davon ausgehen dass diese Schriftart auf eurem PC nicht installiert ist. Je nach dem wird automatisch eine websichere Schriftart gewählt, was aber zu unschönen Effekten im Dokument führen kann wie an dritter Position ersichtlich (Schrift als Bild nach Deinstallation der Schriftart Stingray). So oder ähnlich könnte es aussehen, wenn der Besucher die Schriftart, die ihr per Html Tag eingestellt habt nicht selbst auf dem PC installiert habt.

Deshalb sollte man so weit wie möglich auf exotische Schriftarten verzichten und auf Schriften zurückgreifen, von denen man ausgehen kann, dass ein Großteil der User, diese auch auf dem PC installiert hat.

In Zukunft wird diese Problematik der Vergangenheit angehören, da man davon ausgehen kann, dass in der nächsten Zeit bzw. mit den nächsten Browserversionen auch das Web Open Font Format (WOFF) integriert ist. Dann werden die Schriften temporär geladen und brauchen beim User nicht mehr installiert zu sein. Wer sich dafür interessiert, was die Zukunft so bringen wird, hier ein Link:

Woff

Stingray

Stingray falsch

Hier nun die Anleitung für die Einbindung von anderen Schriftarten in eurem Text.

Um im Dokument eine andere Schriftart einzustellen brauchen wir einen entsprechenden Html Tag.

In dieser Art kann der Tag aussehen.

Dies ist ein Beispieltext in Matisse ITC'.

Darunter das Ergebnis, aber nur eindeutig, wenn ihr diese Schriftart installiert habt.

Beispieltext in Matisse ITC

Dies ist ein beispieltext in Matisse ITC'.

Und hier schreiben wir mit Hobo weiter.

Weil uns aber Edwardian besser gefällt schreiben wir damit , bis wir bei

Vivaldi angekommen sind.

So sieht es im Html Fenster des obigen Textes aus:

Dies ist ein Beispieltext in Matisse ITC'. 

Und hier schreiben wir mit Hobo weiter.
 

 Weil uns aber Edwardian besser gefällt schreiben wir damit , bis wir bei 
 Vivaldi angekommen sind.

Hier noch ein paar Beispiele

Großer Beispieltext in Comic Sans mit Schatten.

Beispieltext in Edwardian Script

Großer Beispieltext in Arial mit Schatten.

Diablo mit Schatten

Matisse ITC mit Schatten

Vivaldi

Stingray

URWWoodTypD

Hobo Std

Und hier der Inhalt des Html Fensters

Großer Beispieltext in Comic Sans mit
 Schatten.


 

 

 


 Beispieltext in Edwardian Script

 
 

 


 Großer Beispieltext in Arial mit Schatten.

 
 

 Diablo mit Schatten


 


 Matisse ITC mit Schatten

 
 

 Vivaldi

 

 Stingray

 

 
 URWWoodTypD

 

 
 Hobo Std