Validación HTML: CSS: "font-style": "bold" no es un valor válido para "font-style".

Acerca de este problema de CSS

Las propiedades font-style y font-weight sirven para diferentes propósitos. font-style controla si el texto aparece en estilo normal, cursiva o oblicua, mientras que font-weight controla qué tan gruesos o delgados se renderizan los caracteres. Escribir font-style: bold es un error porque bold no está entre los valores aceptados para font-style. Los navegadores ignorarán completamente la declaración no válida, lo que significa que tu texto no se pondrá en negrita en absoluto — simplemente se renderizará con el peso predeterminado.

Este error típicamente proviene de confundir las dos propiedades o recordar mal qué propiedad maneja la negrita. Los valores válidos para cada propiedad son:

font-style: normal, italic, oblique, o oblique con un ángulo (ej., oblique 10deg)
font-weight: normal, bold, bolder, lighter, o valores numéricos del 100 al 900

Para solucionar este problema, reemplaza font-style: bold con font-weight: bold. Si tenías la intención de hacer el texto tanto en negrita como en cursiva, necesitarás usar ambas propiedades por separado.

Ejemplos

Incorrecto — usando `bold` con `font-style`

Esto activa el error de validación porque bold no es un valor válido para font-style:

<p style="font-style: bold;">Este texto en realidad no estará en negrita.</p>

Correcto — usando `font-weight` para la negrita

Mueve el valor bold a la propiedad font-weight:

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

Correcto — combinando negrita y cursiva

Si quieres texto que esté tanto en negrita como en cursiva, usa ambas propiedades:

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

Correcto — usando `font-weight` en una hoja de estilos

También puedes aplicar el estilo de negrita a través de un bloque <style> o hoja de estilos externa, usando valores de palabra clave o numéricos:

<style>
  .emphasis {
    font-weight: bold;
  }
  .light {
    font-weight: 300;
  }
  .heavy {
    font-weight: 900;
  }
</style>

<p class="emphasis">Este texto está en negrita (peso 700).</p>
<p class="light">Este texto es ligero (peso 300).</p>
<p class="heavy">Este texto es extra pesado (peso 900).</p>

Ten en cuenta que la palabra clave bold es equivalente al valor numérico 700, y normal es equivalente a 400. Los valores numéricos te dan un control más fino sobre el peso del texto, especialmente cuando usas fuentes variables o familias de fuentes que ofrecen múltiples variaciones de peso.