[CaptainGerrard]

Hallo,

ich verwende für Webfonts grundsätzlich Schriften von Fonts.com Web Fonts, sofern es diese nicht als free-fonts gibt.

Ich beschreibe meine generelle Problematik:

lasse ich mir meine fonts einer Schriftfamilie exportieren, so bekomme ich für jede Schrift eine eigene @font-face Regel (was in Ordnung ist) + eine eigene Schriftfamilie, was in der Anwendung nicht praktikabel ist.

Da ich die Fonts alle auf eigene Server hoste, bin ich mit der @font-face Regel ziemlich flexibel, ich würde daher gerne (so wie Google es bei den Webfonts macht) alle Schriftstile einer Familie zuordnen.

Ich habe das auf einer Demoseite gemacht:
Webfonts Test

Leider funktioniert die Einbindung nicht in den Browser < IE9.
Die Stile "regular" und "bold" funktionieren einwandfrei (z.B. im IE , "italic" und "bold-italic" jedoch nicht.

Was ist da genau mein Fehler?

[explanator]

schau mal hier Can I use @font-face Web fonts
dann siehst du das der IE8 fontface nicht kann.

[CaptainGerrard]

Zitat von explanator

dann siehst du das der IE8 fontface nicht kann.

naja, das ist so in der Form nicht richtig.
Der IE8 unterstützt .eot Dateien.
Diese werden bei meinem Beispiel auch bei den ersten beiden Schriftstilen richtig angezeigt, nur bei den anderen nicht?

[explanator]

Habe deine Seite mal im IE8 aufgerufen, da funktioniert es wie es soll. Dein Problem muss demnach eine andere Ursache haben.

Mal ein paar mal F5 gedrückt?

[CaptainGerrard]

Wie hast du es dir angeschaut, IETester oder native?

Also bei mir schauen die Stile im IETester italic und bolditalic schon deutlich anders aus wie in anderen Browsern.

[explanator]

Mit dem Browser IE8 unter Windows XP auf einem Rechner natürlich, alles andere wäre ja nicht perfekt.

[heiko_rs]

Der IE8- stellt die italic-Schriften noch zusätzlich schräg: Er nimmt die italic-Deklaration nicht nur, um zu erkennen, welche Schriftdatei er verwenden soll, sondern er wendet die Deklaration auch noch an, d.h. die eh bereits schrägstehende Schrift wird auch vom Browser nochmal schräggestellt, so dass die Schrift am Ende extrem schräg dasteht

Da ich font-face i.d.R. nicht für Fließtext verwende (abgesehen davon, dass die Einbindung von gleich vier Schriftdateien imho etwas over-the-top ist), musste ich noch nie eine Lösung für dieses italic-Verhalten suchen, aber spontan fällt mir ein, dem IE8- in seiner eigenen CSS-Datei eine Regel mitzugeben, die die Kollision aus italic-Schriftdatei und italic-Deklaration vermeidet, so dass die doppelte Schrägstellung entfällt.

[CaptainGerrard]

ok, das klingt plausibel.
Jetzt ist nur die Frage wie ich einen derartigen Hack in die Wege leite.

Mein primäres Ziel ist schon, dass CSS Klassen die font-style: italic bekommen, automatisch die richtige Font (also die kursive) verwenden.
Ich will den Klassen eigentlich nicht den kursiven Stil zuweisen (und den Stil somit einer eigenen Familie zuweisen).

[explanator]

Zitat von CaptainGerrard

ok, das klingt plausibel.
Jetzt ist nur die Frage wie ich einen derartigen Hack in die Wege leite.

Dazu braucht es keinen Hack.

Mein primäres Ziel ist schon, dass CSS Klassen die font-style: italic bekommen, automatisch die richtige Font (also die kursive) verwenden.

Du hast es noch nicht verstanden.
Wenn du eine kursive Schriftart hast, dann ist der Ausgangsstil kursiv.
Also wenn du nur p-Tags hast mit text und dem keine Schriftartarttribute mitgibst, dann ist es halt kursiv, weil die Ausgangsschriftart kursiv ist. Gleiches für fett.
Wenn du aber einen normalen Schriftstil verwendest, dann ist der Text normal also nicht kursiv und nicht fett.
Du kannst aber mit CSS jede normale Schrift auch fett oder kursiv darstellen. Das Rendering der Schrift übernimmt in diesem Fall der Browser.
Mit entsprechenden CSS-Regeln auf die Klasse oder ID kannst du damit jedes Element das einen Text enthält entsprechend formatieren.

Das laden von sovielen Schriftschnitten ist somit nicht nötig.
Quelle: CSS Fonts Module Level 3

Ich will den Klassen eigentlich nicht den kursiven Stil zuweisen (und den Stil somit einer eigenen Familie zuweisen).

das geht auch wie oben schon erwähnt über Klassenattribute.
Du kannst 20 Klassen haben und jeder Klasse über CSS eine eigene Schriftart zuordnen. Ob das sinnvoll sei mal dahingestellt, aber es geht.

[heiko_rs]

Da ich dieses Problem selber noch nicht lösen musste, müsste ich selber googeln - ich würde das machen z.B. mit ie8 font-face double italic oder ie8 font-face "style linking" double italic.

Denn eigenartigerweise zeigte mein IE8 auch einmal den ersten Text italic (als Dein Testcase noch den kurzen, d.h. je einzeiligen Text hatte).

Aber gib mal eine Rückmeldung, wenn Du was gefunden hast.

Edit: Eine echte Kursive ist nicht dasselbe wie eine Schrägstellung durch den Browser (analog bold).