Nicht-Standard-Schrift einbinden

Autor	Nachricht
Verfasst am: 04. 01. 2010 [12:32]
merhaba1984 Themenersteller Dabei seit: 04.01.2010 Beiträge: 12	habe das problem, dass ich eine schrift für das menü, aber auch für einen teil des contents einbinden muss, die nicht in den standardschriften enthalten ist. habe nun für css die @font-face - funktion gefunden. Problem: ie interessiert das anscheinend gar nicht, firefox läd die schrift erst nach. hat irgendjemand einen tipp, wie man das besser umsetzen kann? danke für eure tipps
Verfasst am: 10. 03. 2010 [13:01]
pheppler Dabei seit: 09.11.2007 Beiträge: 26	Ich bin kein Freund vom IE, aber muss ihm zugestehen das er @font-face schon ewig kann, da wussten Firefox, Safari und Co. noch nix davon. Allerdings gibt es einen Haken, wir reden ja schließlich vom IE Du musst die TrueType Font in eine EOT konvertieren. Gibt ein Kommandozeilen Tool: http://code.google.com/p/ttf2eot/ Und im CSS dann: @font-face { font-family: 'Dein Font'; src: url('fonts/Dein-Font.eot'); src: local('Dein-Font'), local('Dein-Font2'), url('fonts/Dein-Font.ttf') format('truetype'); } Bei local kannst du verschiedene Namen angeben. Bei manchen Fonts gibt es abweichende Namen (Helvetica Neue, Helvetica Neue LT). Der Browser prüft dann ob er auf dem System eine findet, wenn nicht wird sie nachgeladen. Es gibt natürlich auch diverse Flash, JavaScript oder SVG Lösungen, allerdings haben die alle irgendwelche Nachteile. Text nicht auswähl-/kopierbar etc. CSS ist definitiv die beste Lösung!