Verificação HTML: CSS: "font-style": X não é um valor de "font-style".

Sobre este problema de CSS

A propriedade CSS font-style controla se o texto é apresentado numa face normal, italic ou oblique da sua font-family. Tem um conjunto limitado de valores aceites, e o validador W3C sinaliza qualquer valor que esteja fora deste conjunto.

Este erro ocorre comumente por algumas razões:

Confundir font-style com font-size: Como ambas as propriedades começam com font-, é fácil escrever acidentalmente font-style: 1.2em quando pretendia font-size: 1.2em. Valores numéricos e de comprimento não são válidos para font-style.
Confundir font-style com font-weight: Escrever font-style: bold é inválido porque bold é um valor de font-weight, não de font-style.
Erros tipográficos em valores de palavras-chave: Escrever mal uma palavra-chave válida, como font-style: itallic ou font-style: oblque, irá gerar este erro.
Usar a sintaxe de ângulo oblique incorretamente: Embora oblique possa aceitar um ângulo opcional (por exemplo, oblique 10deg), fornecer um ângulo sem a palavra-chave oblique ou usar uma unidade inválida causará um erro de validação.

Usar valores CSS inválidos pode levar a renderização imprevisível entre navegadores. A maioria dos navegadores irá ignorar toda a declaração quando encontram um valor inválido, significando que o seu estilo pretendido não será aplicado de todo. Manter o seu CSS válido garante comportamento consistente e torna a depuração mais fácil.

Valores válidos de `font-style`

Os valores aceites para font-style são:

normal — apresenta a face normal da família de fontes.
italic — seleciona a face italic; reverte para oblique se não estiver disponível.
oblique — seleciona a face oblique; aceita opcionalmente um valor de ângulo (por exemplo, oblique 10deg). O ângulo tem como padrão 14deg se omitido.
Valores globais CSS: inherit, initial, revert, revert-layer, unset.

Exemplos

Incorreto: valor de tamanho aplicado a `font-style`

Este é o erro mais comum — usar um valor de comprimento que pertence a font-size:

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

Correto: usar `font-size` para valores de tamanho

<p style="font-size: 1.2em;">Este texto tem um tamanho de fonte válido.</p>

Incorreto: usar `bold` com `font-style`

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

Correto: usar `font-weight` para negrito

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

Incorreto: palavra-chave com erro tipográfico

<p style="font-style: itallic;">Este texto tem um erro tipográfico em font-style.</p>

Correto: palavra-chave corretamente escrita

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

Correto: usar `oblique` com um ângulo

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

Referência rápida para propriedades comumente confundidas

Se não tem certeza de qual propriedade usar, aqui está um guia rápido:

Você quer alterar…	Use esta propriedade	Valor de exemplo
Texto italic ou oblique	`font-style`	`italic`, `oblique`
Tamanho do texto	`font-size`	`1.2em`, `16px`
Negrito do texto	`font-weight`	`bold`, `700`
Decoração do texto	`text-decoration`	`underline`, `line-through`