Webfonts in IE 8

[marekit1992]

Hallo zusammen,
der IE8 möchte meine Webfont nicht laden.
Meine CSS sieht wie folgt aus:

@font-face {
    font-family: 'AkzidenzGrotesk';
    src: url('fonts/bertho09-webfont.eot');
    src: url('fonts/bertho09-webfont.eot#') format('embedded-opentype'),
         url('fonts/bertho09-webfont.woff') format('woff'),
         url('fonts/bertho09-webfont.ttf') format('truetype'),
         url('fonts/bertho09-webfont.svg#BertholdAkzidenzGroteskBELtCn') format('svg');
    font-weight: normal;
    font-style: normal;
}

Im Chrome wird sie geladen.
Hoffe mir kann jemand helfen.

Danke und Grüße,

ric

[Larius]

*hängt den Thread an seinen Träkker und verschiebt ihn in den richtigen Bereich*

[toldyou]

Was sagt denn das Webdeveloper Tool von IE? Also welche Styles sind denn dem Element, welches die Schrift erhalten soll, zugeordnet? Das Tool erhältst du, wenn du im IE F12 drückst.
Passt es denn in der aktuellen IE Version? (Version 9)

[marekit1992]

Was sagt denn das Webdeveloper Tool von IE? Also welche Styles sind denn dem Element, welches die Schrift erhalten soll, zugeordnet? Das Tool erhältst du, wenn du im IE F12 drückst.

font-family: "AkzidenzGrotesk";

Das ist die richtige schrift.
noch zur Info: beim Aufrufen der seite wird die richtige Schrift kurz angezeigt, verschwindet nach ca 0.5 sek aber wieder.

Passt es denn in der aktuellen IE Version? (Version 9)

Jo, im 9er passts

[Dexter]

Kann man die Seite mal sehen, oder einen Testcase?

[marekit1992]

schwierig... alles nur lokal.
Wenn du mir sagst was du brauchst mach ich nen screenshot :P

[KingJamez]

Mit der Schrift wäre ich vorsichtig! Du nutzt sie ja sicherlich nicht mit Weblizenz oder? Berthold Type sieht das bestimmt nicht gerne und du stellst sie ja theoretisch auch noch anderen zur Verfügung weil man Webfonts von seiten ja auch auslesen und runterladen kann.
Ich würde freie schriften (fontsquirell.com) oder für kommerzielle sachen Typekit (typekit.com) empfehlen.

Ich wollte das nur zum bedenken geben, um dir spätere Rechnungen und Abmahnungen zu ersparen.

[marekit1992]

Ich wollte das nur zum bedenken geben, um dir spätere Rechnungen und Abmahnungen zu ersparen.

Danke das ist nett :P aber wir nutzen sie mit weblizenz

[Kugelfisch23]

Die fragliche Seite selbst oder ein Minimalbeispiel wäre sehr interessant, um zu überprüfen, welche ob alle externen Ressourcen, insbesondere die Schrift in allen angegebenen Formaten an den vorhanden sind und welche davon der IE lädt. Damit könnte man das Problem möglicherweise bereits einschränken. Deshalb wohl auch Dexters Nachfrage.

Abgesehen vom konkreten Problem scheint mir übrigens in diesem Fall fraglich, ob es sinnvoll ist, für Akzidenz-Grotesk externe Schriftdaten nachzuladen, wenn mit Helvetica (und ähnlichen Schriften) bereits eine auf vielen Systemen verfügbare, der Akzidenz-Grotesk sehr ähnliche Schrift zur Verfügung steht - die Unterschiede dürften einem ungeübten Betrachter wohl kaum auffallen. Aber wenn du bereits eine Web-Lizenz hast, wirst du dich diesbezüglich wohl bereits entschieden haben.

[marekit1992]

Die fragliche Seite selbst oder ein Minimalbeispiel wäre sehr interessant,

Das klingt jetzt seeehr dumm aber ich versteh immer noch nich in welcher form ihr ein beispiel haben wollt...Sorry

[Kugelfisch23]

Ideal wäre das Stylesheet, die externen Ressoucen (mindestens die im Stylesheet referenzierten Font-Dateien) und ein (bestehendes oder minimal neu erstelltes) HTML-Dokument, welches das Stylesheet benutzt. Screenshots sind dazu ungeeignet, da man darauf lediglich Symptome, aber in den seltensten Fällen deren Ursache nachvollziehen kann.

[marekit1992]

seltsam, wenn ich mir ein einfaches testcase baue,
bestehend aus den fonts, der css und der index.html, dann werden die fonts im IE geladen,
In meinem Projekt allerdings nicht.
somit brauch ich das testcase hier auch nicht hochladen

zur Info: das ganze ist ein symfony 1.4 Projekt

[Kugelfisch23]

Der nächste Schritt wäre in diesem Fall, das gebaute Minimalbeispiel mit deinem Projekt zu vergleichen. Sind die Stylesheets identisch? Nutze testweise einmal ein minimalistisches Stylesheet, welches nur die für dieses Problem relevanten Definitionen enthält. Sind die (X)HTML-Dokumente identisch, insbesondere auch deren DOCTYPE-Deklarationen, so dass der IE beide im Standards-Mode darstellt? Sind alle relativen Pfade korrekt? Nutze im Zweifelsfall testweise einmal absolute URIs.

[Exterminans]

Sind alle relativen Pfade korrekt?

Wollte ich gerade vorschlagen. Wenn du innerhalb von Symfony in der CSS Pfade relativ angibst, so musst du ein "../" davor setzen, da du dich ansonsten innerhalb des css-Ordners befindest. Erst mit dem "../" vorne dran befindest du dich im Webroot.

[marekit1992]

Wollte ich gerade vorschlagen. Wenn du innerhalb von Symfony in der CSS Pfade relativ angibst, so musst du ein "../" davor setzen, da du dich ansonsten innerhalb des css-Ordners befindest. Erst mit dem "../" vorne dran befindest du dich im Webroot.

Das ist in meinem fall egal, da
1. Die webfont im css ordner liegt und
2. Die font ja in alles browsern gezeigt wir
ausser im IE8(da wird sie nur kurz gezeigt und verschwindet dann wieder)

Trd danke

[sars]

Verwendest du auf deiner Seite evtl. Facebook Social Plugins? Siehe:
http://bugs.developers.facebook.net/...g.cgi?id=16947

[marekit1992]

Nein, verwende ich nicht.

Aber trotzdem interessant zu wissen

---

Ich habe jetzt noch bemerkt, dass die Schrift angezeigt wird, und wenn ich mit der Maus ins Browserfenster gehe wieder verschwiindet...

[aNtiCHrist]

Gibt es möglicherweise eine :hover-Pseudoklasse in deinem Stylesheet? Tritt das Problem auch auf, wenn du Scripting deaktivierst? Viel mehr helfen kann man dir wohl nicht, denn wenn du kein Problembeispiel geben willst, musst du die Ursache halt selbst eingrenzen.

[marekit1992]

Ich habe jetzt im Anhang ein TestCase erstellt.

Im Chrome werden die fonts angezeigt, im IE8 nicht.

[marekit1992]

habe das TestCase im anhang nochmal überarbeitet.. Jetzt zeigt es genau die selben symtome die ich auch habe