2009-11-05 7 views
157

Was ist der Unterschied zwischen diesen beiden:font-style: italic vs schräg in CSS

font-style:italic 
font-style:oblique 

Ich versuchte, die W3Schools editor mit, konnte aber den Unterschied erkennen.

Was fehlt mir?

+12

Nachricht aus der Zukunft: [Wikipedia] (http://en.wikipedia.org/wiki/Oblique_type) hat ein sehr schönes Beispiel zeigt den Unterschied zwischen [kursiv] (http: // en. wikipedia.org/wiki/File:Garamond_Roman_Italic.svg) und [schräg] (http://en.wikipedia.org/wiki/File:Oblique_type_example.svg). – Cornstalks

+0

Late Follow-up Frage (oder sollte dies in UX gehen?): Was wäre ein realer Anwendungsfall für die Auswahl der schrägen Variante? Ist die kursive Variante nicht "immer" vorzuziehen? – KlaymenDK

+1

@KlaymenDK: Zugegeben, dies ist ein enger Anwendungsfall, aber ich kann mir vorstellen, eine schräge Schrift für Lesbarkeit in bestimmten kleinen Schriftgrößen auf pixelierten Ausgaben zu bevorzugen: Beispiel: Verwenden einer Schriftart von 6pt bis 8pt auf einem kleinen Formfaktor-Bildschirm; Einige kursive Formen haben dünnere Striche und mehr Ornamente, die die Lesbarkeit im Vergleich zu einer einfachen "Neigung" verringern können. –

Antwort

217

Im reinsten (Typ Designer) Sinn ist ein schräger eine römische Schrift, die eine bestimmte Anzahl von Graden (8-12 Grad, gewöhnlich). Eine Kursivschrift wird vom Typendesigner erstellt, wobei bestimmte Zeichen (insbesondere Kleinbuchstaben a) unterschiedlich gezeichnet werden, um eine kalligrafischere als auch eine schräge Version zu erstellen.

Einige Schriftgießereien haben willkürlich schräge Schräglagen erstellt, die nicht unbedingt von den Designern selbst genehmigt werden ... einige Schriftarten sollten nicht kursiv oder schräg sein ... aber die Leute taten es trotzdem. Und wie Sie vielleicht wissen, werden manche Betriebssysteme beim Klicken auf das Kursivsymbol die Schriftart schräg stellen und im Handumdrehen einen Schrägstrich erstellen. Kein angenehmer Anblick.

Es ist am besten, eine Kursivschrift nur dann anzugeben, wenn Sie sicher sind, dass die Schriftart mit einer Schriftart erstellt wurde.

+27

Es kann hilfreich sein, zu beachten, dass fast keine Schriftfamilien im Kursivformat sowohl kursive als auch schräge Gesichter angeben. Die meisten Rendering-Engines liefern das andere Gesicht, wenn das angegebene Gesicht für diese Schriftart nicht verfügbar ist. – SingleNegationElimination

+7

+1 für die Erklärung vom Typ Designer Sicht. – SunnyShah

+4

Diese Antwort behandelt nicht die funktionalen Unterschiede, die gegenseitige Exklusivität oder semantische Unterschiede. – ahnbizcad

58

Im Allgemeinen ist eine Kursivschrift eine spezielle Version der Schriftart, während eine schräge Version nur die reguläre Version etwas geneigt ist. Beide sind also schräg und mit der regulären Schrift verwandt, aber eine Kursivschrift wird spezielle Buchstabenformen haben, die speziell dafür gemacht sind.

Die meisten Schriftarten haben entweder eine kursive oder eine schräge Version; Ich habe noch nie einen gesehen, der beides hat. (Wenn Sie eine kursive Version haben, warum sollten Sie sich für eine schräge Version interessieren?)

17

Schrägtyp (oder schräg, geneigt) ist eine Form des Typs, die sich leicht nach rechts neigt und in der gleichen Weise wie der Kursivtyp verwendet wird. Im Gegensatz zum kursiven Typ werden jedoch keine anderen Glyphenformen verwendet. Es verwendet dieselben Glyphen wie der römische Typ, außer verzerrt.

Futher Reading: css font style oblique vs italic

+0

Ausgezeichneter Artikel. Erklärt nur, was wir brauchen, um den Unterschied zu verstehen. – awe

5

Wie bei Kursiv und schräge, der gleiche Unterschied sichtbar ist, wenn Kursiv mit faux Kursiv vergleicht.

Sie werden sehen, faux-Kursivschrift überall dort, wo eine normale Schrift mit font-style: italic; verzerrt ist, während eine echte kursive Schrift geneigt werden soll.

enter image description here

Der Boden der beiden ll ​ s zeigt die deutlich Unterschied.

See Example