font-weight & font-style

Abbiamo visto fin qui il carattere e la sua dimensione, che cosa può mancare ora? Certo, grassetto e corsivo.
Grazie a font-weight possiamo impostare il grassetto al nostro carattere o a tag specifici (come succede normalmente con il tag <strong>).

See the Pen oDJrc by Giovanni Buffa (@gioppy) on CodePen

font-weight presenta la possibilità di definire se il carattere sia grassetto o meno (bold o normal¹) o di definire una dimensione di grassetto più o meno carico con una scala che va da 100 a 900, dove 400 — solitamente — rappresenta il normal e 700 rappresenta il bold².

Puoi anche definire se il carattere dovrà essere corsivo o meno (il tag di default per il corsivo è <em>).

See the Pen oDJrc by Giovanni Buffa (@gioppy) on CodePen

1. Esistono anche bolder e lighter, che rispettivamente “ingrassano” più di bold e “snelliscono” più di bold. Attenzione però che questo dipende anche dal carattere in uso.

2. Anche qui, dipende dal carattere in uso.