tag style html css fonts typography

html - style - ¿Cómo combinar negrita y cursiva en CSS?



sup html (5)

Estabas cerca

italic se usa con font-style mientras que la negrita se usa con font-weight .

Utilizar:

font-weight: bold; font-style: italic;

Este tutorial de W3Schools me enseñó a usar la propiedad de font-style CSS para poner el texto en negrita (equivalente a <b&g>this</b> en HTML antiguo) así como a cómo hacer texto en cursiva (equivalente a <i>this</i> en HTML antiguo).

Sin embargo, parece que no puedo encontrar en ninguna parte cómo hacer que el texto tenga ambas propiedades al mismo tiempo (equivalente a <b><i>this</i></b> en HTML antiguo).

¿Hay alguna manera de hacer esto usando CSS puro?

He intentado esto:

font-style: italic bold;

El resultado fue que la página ignoró ambas propiedades y fue como si nunca hubiera especificado esta propiedad en absoluto.

Obtuve los mismos resultados cuando intenté esto:

font-style: italic, bold;

Obtuve un resultado diferente cuando probé esto:

font-style: italic; bold;

Esta vez, lo que sucedió es que usó el primer estilo dado (cursiva) pero ignoró el segundo (negrita).

¿Se puede hacer esto con css puro?


Otra razón por la que W3Schools es malo, deberías usar font-weight para establecer negrita y font-style para configurar cursiva.

font-weight: bold; font-style: italic;


Por favor, mira este código:

font: italic bold 12px/30px Georgia, serif;



font-style es una propiedad de un solo valor. bold es fuente de peso, de todos modos. Para combinar varios valores, puede utilizar la propiedad de font abreviada. Sin embargo, la taquigrafía de la font ha requerido entradas: font-size font-family . Si no incluye estos dos en la taquigrafía, la propiedad se ignorará.

Incluya estos en su taquigrafía de font junto con italic bold y debería funcionar.