Internet Explorer 8 ignoriert die Schriftgröße in CSS
Ich habe also Probleme zu verstehen, warum IE hier mein CSS ignoriert. Ich habe diesen Code:
%Vor%i.e. nichts Seltsames oder so. Und hier ist das resultierende Rendering:
Aber hier ist der CSS-Code für dieses HTML:
%Vor%Was klar besagt, dass der H2 "normal" als Schriftgewicht haben soll, der gerenderte Text jedoch deutlich fett ist, hier ist ein korrektes Rendering (aus Safari)
Mit den enthaltenen Entwicklertools von Internet Explorer 8 überprüfe ich die CSS-Interpretation und das sieht so aus:
Wie ich es verstehe, ist das, was ich hier betrachte, die Interpretation meines CSS durch IE8, und verdächtig fehlt das "normale" Attribut. IE hat das CSS in die einzeilige Version von "font" konvertiert, aber nicht den "normalen" Teil. Die Schriftart "Lato" ist jetzt eine Font-Face-Schriftart und das Font-Face-CSS ist hier:
%Vor%Auch wenn "normal" in der font-face-Deklaration für font-weight angegeben wird, funktioniert es nicht. Also stecke ich hier fest und versuche herauszufinden, was ich falsch mache, um IE nicht "font-weight: normal" in die Deklaration für H2 einzuschließen ... Irgendwelche Vermutungen? Vielen Dank im Voraus ...
2 Antworten
Ich denke, Sie müssen den Namen von font-family: Lato; für jede Fontface-Eigenschaft ändern, da der IE möglicherweise verwirrt wird. Versuchen Sie stattdessen font-family: Lato-bold; , font-family: Lato-italic usw. zu setzen. Wenn die Schriftart ein fettes Gesicht hat (wie es Lato macht und auf die Sie in den fontface Eigenschaften verwiesen haben), müssen Sie font-weight: bold; für eine fontface Eigenschaft nicht hinzufügen Die Schriftart ist bereits fett und das Hinzufügen der Schriftgröße wird nur faux-bold hinzufügen und es schlecht aussehen lassen.
Dies bedeutet, dass Sie für Ihre h2 nur font-family: Lato; eingeben müssen, wenn Sie möchten, dass es die normale, nicht-fett formatierte Version ist.
Tags und Links internet-explorer css font-face internet-explorer-8