2009-11-05 22 views
157

Qual è la differenza tra questi due:font-style: italic vs obliquo in CSS

font-style:italic 
font-style:oblique 

Ho provato ad utilizzare il W3Schools editor ma ero in grado di capire la differenza.

Cosa mi manca?

+12

Messaggio da parte del futuro: [Wikipedia] (http://en.wikipedia.org/wiki/Oblique_type) ha una bella esempio che mostra la differenza tra [corsivo] (http: // it. wikipedia.org/wiki/File:Garamond_Roman_Italic.svg) e [oblique] (http://en.wikipedia.org/wiki/File:Oblique_type_example.svg). – Cornstalks

+0

Domanda di follow-up tardiva (o forse dovrebbe andare in UX?): Quale wolud essere un caso d'uso nel mondo reale per la scelta specifica della variante obliqua? La variante italica "sempre" non è preferibile? – KlaymenDK

+1

@KlaymenDK: Certamente, questo è un caso di utilizzo limitato, ma posso immaginare di preferire un carattere obliquo per la leggibilità in alcune dimensioni di caratteri piccoli su output pixelati: Esempio: utilizzando un font da 6pt a 8pt su uno schermo di fattore di forma ridotto; alcune forme in corsivo hanno tratti più sottili e più ornamenti che possono ridurre la leggibilità rispetto a una semplice "inclinazione". –

risposta

217

Nel senso più puro (tipo progettista), un obliquo è un carattere romano che è stato inclinato di un certo numero di gradi (8-12 gradi, generalmente). Un corsivo viene creato dal progettista del tipo con caratteri specifici (in particolare a lettere minuscole) disegnati in modo diverso per creare una versione più calligrafica e inclinata.

Alcune fonderie di tipo hanno creato obliquamente arbitrariamente che non sono necessariamente approvate dagli stessi progettisti ... alcuni font non erano in corsivo o obliquati ... ma la gente lo faceva comunque. E come forse saprai, alcuni sistemi operativi, facendo clic sull'icona 'corsivo', inclinano il carattere e creano un obliquo al volo. Non è una vista piacevole.

È consigliabile specificare un corsivo solo quando si è certi che il carattere sia stato progettato con uno solo.

+27

Potrebbe essere utile notare che quasi nessuna famiglia di caratteri in natura specifica sia le facce italiche che quelle oblique e la maggior parte dei motori di rendering fornirà l'altra faccia se la faccia specificata non è disponibile per quel tipo di carattere. – SingleNegationElimination

+7

+1 per spiegare dal punto di vista del progettista del tipo. – SunnyShah

+4

Questa risposta non affronta le differenze funzionali, l'esclusività reciproca o le differenze semantiche. – ahnbizcad

58

In generale, un corsivo è una versione speciale del font, mentre una versione obliqua è solo la versione normale inclinata un po '. Quindi entrambi sono inclinati e correlati al carattere normale, ma un corsivo avrà forme speciali di lettere create appositamente per questo.

La maggior parte dei caratteri ha una versione in corsivo o obliqua; Non ne ho mai visto uno che abbia entrambi. (Se hai una versione in corsivo, perché preoccuparti di una versione obliqua?)

17

Il tipo obliquo (o inclinato, inclinato) è una forma di tipo che si inclina leggermente a destra, utilizzato nello stesso modo del tipo corsivo. A differenza del tipo corsivo, tuttavia, non usa forme di glifo diverse; usa gli stessi glifi del tipo romano, tranne quelli distorti.

Futher lettura: css font style oblique vs italic

+0

Eccellente articolo. Spiega solo ciò di cui abbiamo bisogno per comprendere la differenza. – awe

5

Come corsivo e obliquo, la stessa differenza è visibile quando si confrontano corsivo con Corsivo.

Vedrete faux-corsivo ovunque un normale carattere è inclinata con font-style: italic; mentre un vero corsivo è progettato per essere inclinato.

enter image description here

La parte inferiore dei due ll ​ s mostra la differenza chiaramente.

See Example