¿Cuál es la diferencia entre estos dos:font-style: cursiva vs oblicua en CSS
font-style:italic
font-style:oblique
He intentado utilizar el W3Schools editor pero era incapaz de notar la diferencia.
¿Qué me estoy perdiendo?
En el sentido más puro (diseñador de tipo), un oblicuo es una fuente romana que ha sido sesgada un cierto número de grados (8-12 grados, generalmente). El diseñador de tipos crea una cursiva con caracteres específicos (notablemente minúscula a) dibujados de manera diferente para crear una versión más caligráfica y sesgada.
Algunas fundiciones de tipo han creado arbitrariamente oblicuos que no necesariamente son aprobados por los propios diseñadores ... algunas fuentes estaban pensadas para no ser en cursiva ni oblicuas ... pero la gente lo hizo de todos modos. Y como sabrá, algunos sistemas operativos, al hacer clic en el icono 'cursiva', sesgan la fuente y crean un oblicuo sobre la marcha. No es una vista agradable.
Lo mejor es especificar una cursiva solo cuando esté seguro de que la fuente se ha diseñado con una.
Puede ser útil observar que casi ninguna familia de fuentes en la naturaleza especifica tanto caras cursivas como oblicuas, y la mayoría de los motores de representación suministrarán la otra cara si la cara especificada no está disponible para esa fuente. – SingleNegationElimination
+1 para explicar desde el punto de vista del diseñador de tipos. – SunnyShah
Esta respuesta no aborda las diferencias funcionales, la exclusividad mutua o las diferencias semánticas. – ahnbizcad
En general, una cursiva es una versión especial de la fuente, mientras que una versión oblicua es simplemente la versión regular inclinada un poco. Por lo tanto, ambos están inclinados y relacionados con la fuente regular, pero una cursiva tendrá formas de letras especiales hechas especialmente para ella.
La mayoría de las fuentes tienen una versión cursiva o oblicua; Nunca he visto uno que tenga ambos. (Si tiene una versión cursiva, ¿para qué molestarse con una versión oblicua?)
El tipo oblicuo (o inclinado, inclinado) es una forma de tipo que se inclina ligeramente hacia la derecha, y se usa de la misma manera que el tipo de letra cursiva. A diferencia del tipo de cursiva, sin embargo, no usa formas de glifo diferentes; usa los mismos glifos que el tipo romano, excepto que está distorsionado.
Futher de lectura: css font style oblique vs italic
Excelente artículo. Explica exactamente lo que necesitamos para entender la diferencia. – awe
Como con cursiva y oblicua, la misma diferencia es visible cuando se comparan cursiva con faux cursiva.
Usted verá faux-cursiva siempre que sea una fuente normal dees sesgada con font-style: italic; mientras que un cierto tipo de letra cursiva está diseñado para ser inclinada.
La parte inferior de los dos ll s muestra la diferencia claramente.
mensaje desde el futuro: [Wikipedia] (http://en.wikipedia.org/wiki/Oblique_type) tiene un muy buen ejemplo que muestra la diferencia entre [cursiva] (http: // en. wikipedia.org/wiki/File:Garamond_Roman_Italic.svg) y [oblicuo] (http://en.wikipedia.org/wiki/File:Oblique_type_example.svg). – Cornstalks
Pregunta tardía de seguimiento (o tal vez esto debería entrar en UX?): ¿Qué podría ser un caso de uso del mundo real para elegir específicamente la variante oblicua? ¿No es la variante en cursiva "siempre" preferible? – KlaymenDK
@KlaymenDK: Es cierto que este es un caso de uso restringido, pero puedo imaginar prefiriendo una fuente oblicua para la legibilidad en ciertos tamaños de letra pequeños en salidas pixeladas: Ejemplo: usar una fuente de 6pt a 8pt en una pequeña pantalla de factor de forma; algunas formas cursivas tienen trazos más delgados y más adornos que pueden disminuir la legibilidad en comparación con un simple "inclinación". –