¿Cuál es la diferencia entre font-weight y font-style en CSS?

La propiedad de peso de fuente establece cómo se deben mostrar los caracteres gruesos o delgados en el texto.

sintaxis:

peso-fuente: normal | negrita | más audaz | más ligero | número | inicial | heredar;

Descripción del valor :

normal: define los caracteres normales. Esto es por defecto.

negrita -Define caracteres gruesos

más audaz: define caracteres más gruesos

más ligero: define caracteres más claros

número -100 a 900 ::::: Define de caracteres delgados a gruesos. 400 es lo mismo que normal, y 700 es lo mismo que negrita

prueba este ejemplo:

p.normal {

peso de fuente: normal;

}

situación {

font-weight: más ligero;

}

p.thick {

peso de fuente: negrita;

}

p.thicker {

peso de fuente: 900;

}

Este es un párrafo.

Este es un párrafo.

Este es un párrafo.

Este es un párrafo.

Estilo de fuente : la propiedad de estilo de fuente especifica el estilo de fuente para un texto, como cursiva, negrita,

sintaxis:

estilo de fuente: normal | cursiva | oblicua | inicial | heredar;

Conclusiones: el peso de la fuente se utiliza para requisitos de propósito general.

El estilo de fuente se utiliza para algunos requisitos específicos.

El peso de la fuente es donde usted decide qué tan gruesos serán los trazos de las letras.
El estilo de fuente es donde usted decide si el texto va a ser cursiva, oblicua (cursiva falsa) o ninguna de estas (es decir, romana o normal).

Entonces, para el peso de la fuente, los valores pueden ser claros, normales, en negrita, negros o 100-900, etc., y para el estilo de fuente pueden ser cursiva, oblicua, normal.

El peso de la fuente está relacionado con el grosor o el peso de una fuente en particular, como el peso de fuente normal, semi-negrita o negrita. El estilo de fuente son opciones de formato predefinidas que se usan para enfatizar texto como normal, cursiva.

Estas son dos propiedades diferentes que se utilizan para cambiar el aspecto de la fuente.

peso de fuente

Se utiliza para definir el grosor de una fuente.

Puedes aprenderlo con ejemplos de este post -CSS font-weight

Estilo de fuente

Simplemente se usa para hacer que una fuente se vea en cursiva tomando cualquiera de los dos valores: cursiva u oblicua .

Estilo de fuente CSS

Espero que esto ayude.

El peso de la fuente es la medida de la negrita de la fuente. O podemos decir cómo es fuerte. Los valores posibles son cualquier número positivo o negrita o normal. Y el estilo de fuente es el estilo de la fuente, los valores posibles son talicos o normales.