Fonturi CSS. Grosimea fontului. Proprietatea font-weight. Dimensiune responsivă a fontului.
Partajeaza in Google Classroom
Memorator: Descriere video Descarcă PDF
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.