Die eigene Schriftart auf der Webseite
Zu verwendende Schriftarten werden in der Regel im Stylesheet angegeben. Wenn ein Rechner aber den angegebenen Font nicht installiert hat, wird eine alternative Schriftart gewählt. Als Resultat wirkt die eigentliche Website dann zerschossen und mit der Corporate Identity ist es dann auch vorbei. Doch das muss nicht sein. In Zeiten des modernen Webdesigns lassen sich Schriftarten relativ einfach in eine Website einbinden.Los gehts!
- Laden Sie sich zunächst das JavaScript "typeface.js" herunter bzw. kopieren Sie den Code und fügen Sie ihn in eine Datei ein und speichern das ganze unter "typeface.js". Dies finden Sie kostenlos unter typeface.neocracy.org/download.html
- Als nächstes muss die zu verwendende Schriftart in ein JavaScript konvertiert werden. Das können Sie unter der folgenden Adresse tun: http://typeface.neocracy.org/fonts.html
- Sie erhalten eine "*.js.htm" Datei. Benennen Sie die Datei so um, dass diese nur noch die Endung "js" trägt.
- Sie sollten nun also 2 Dateien haben: einmal "typeface.js" und einmal "eigene_Schriftart.js" (als Beispiel).
- Diese verschieben Sie in Ihr JavaScript Verzeichnis innerhalb der Ordnerstruktur Ihrer Webseite (also beispielsweise nach /js)
- Öffnen Sie nun Ihre Website im Editor Ihrer Wahl und fügen den folgenden Code im Header ein (also zwischen <head> und </head>):
- An der Stelle, an der die eigene Schriftart zum Einsatz kommen soll, wird nun also im Stylesheet diese einfach mit angegeben. Beispiel:
- Standardmäßig werden werden Überschriften (h1, h2, h3 usw.) gerendert. Außerdem erscheint die Schriftart immer fett. Es empfiehlt sich also, ein "font-weight:normal;" zum Style der Überschriften hinzuzufügen, falls das ganze unerwünscht ist.
<script type="text/javascript" src="/js/typeface.js">
<script type="text/javascript" src="/js/eigeneSchriftart.typeface.js">
h2{font-family: "eigene Schriftart";}
Kommentare
Ein extra JavaScript ist unnötig
Hallo Mario!
Ich habe die Erfahrung gemacht, dass Typeface hin und wieder Probleme hat bei Handschrift ähnlichen Fonts. Hier muss eventuell Hand am JavaScript angelegt werden, damit keine Buchstaben abgeschnitten werden oder ähnliches.
MfG
Ricardo