Fonturi CSS. Grosimea fontului. Proprietatea font-weight. Dimensiune responsivă a fontului.

Font Weight

Proprietatea font-weight specifică greutatea unui font:

Exemplu:

p.normal {
  font-weight: normal;
}

p.thick {
  font-weight: bold;
}

Responsive Font Size

Mărimea textului poate fi setată cu o unitate vw, ceea ce înseamnă „viewport width”.
Astfel dimensiunea textului va urma dimensiunea ferestrei browserului:



Exemplu:

<h1 style="font-size:10vw">Hello World</h1>

Viewport este dimensiunea ferestrei browserului. 1vw = 1% din lățimea afișajului. Dacă viewport are 50 cm lățime, 1vw este 0,5 cm.