Validación HTML: CSS: "font-style": X no es un valor de "font-style".

Acerca de este problema de CSS

La propiedad CSS font-style controla si el texto se muestra en una cara normal, cursiva u oblicua de su font-family. Tiene un conjunto limitado de valores aceptados, y el validador W3C marcará cualquier valor que esté fuera de este conjunto.

Este error ocurre comúnmente por varias razones:

Confundir font-style con font-size: Como ambas propiedades empiezan con font-, es fácil escribir accidentalmente font-style: 1.2em cuando querías decir font-size: 1.2em. Los valores numéricos y de longitud no son válidos para font-style.
Confundir font-style con font-weight: Escribir font-style: bold es inválido porque bold es un valor de font-weight, no de font-style.
Errores tipográficos en valores de palabras clave: Escribir mal una palabra clave válida, como font-style: itallic o font-style: oblque, activará este error.
Usar la sintaxis de ángulo oblique incorrectamente: Aunque oblique puede aceptar un ángulo opcional (ej., oblique 10deg), proporcionar un ángulo sin la palabra clave oblique o usar una unidad inválida causará un error de validación.

Usar valores CSS inválidos puede llevar a renderizado impredecible entre navegadores. La mayoría de los navegadores ignorarán toda la declaración cuando encuentren un valor inválido, lo que significa que tu estilo previsto no se aplicará en absoluto. Mantener tu CSS válido asegura un comportamiento consistente y hace que la depuración sea más fácil.

Valores válidos de `font-style`

Los valores aceptados para font-style son:

normal — muestra la cara normal de la familia de fuentes.
italic — selecciona la cara cursiva; recurre a oblique si no está disponible.
oblique — selecciona la cara oblicua; opcionalmente acepta un valor de ángulo (ej., oblique 10deg). El ángulo por defecto es 14deg si se omite.
Valores globales de CSS: inherit, initial, revert, revert-layer, unset.

Ejemplos

Incorrecto: valor de tamaño aplicado a `font-style`

Este es el error más común — usar un valor de longitud que pertenece a font-size:

<p style="font-style: 1.2em;">Este texto tiene un font-style inválido.</p>

Correcto: usar `font-size` para valores de tamaño

<p style="font-size: 1.2em;">Este texto tiene un tamaño de fuente válido.</p>

Incorrecto: usar `bold` con `font-style`

<p style="font-style: bold;">Este texto tiene un font-style inválido.</p>

Correcto: usar `font-weight` para el grosor

<p style="font-weight: bold;">Este texto está en negrita.</p>

Incorrecto: palabra clave mal escrita

<p style="font-style: itallic;">Este texto tiene un error tipográfico en font-style.</p>

Correcto: palabra clave escrita correctamente

<p style="font-style: italic;">Este texto está en cursiva.</p>

Correcto: usar `oblique` con un ángulo

<p style="font-style: oblique 12deg;">Este texto está oblicuo a 12 grados.</p>

Referencia rápida para propiedades comúnmente confundidas

Si no estás seguro de qué propiedad usar, aquí tienes una guía rápida:

Quieres cambiar…	Usa esta propiedad	Valor de ejemplo
Texto cursivo u oblicuo	`font-style`	`italic`, `oblique`
Tamaño del texto	`font-size`	`1.2em`, `16px`
Grosor del texto	`font-weight`	`bold`, `700`
Decoración del texto	`text-decoration`	`underline`, `line-through`