označiti:

< tijelo >
< div razreda = 'sadržaj' >
< h1 > Dobrodošli u Linux Hint. < / h1 >
< str > Popularno web-mjesto portala Linux Hint pruža sjajne informacije o temama računalne znanosti. < / str >
< / div >
< / tijelo >

Korak 2: Primijenite CSS
Prvo postavite ' veličina fonta ” do “ 16 px ” i “line-height” do “ 1.5 ”. Nadalje, također postavite font za

i

oznake:

tijelo {
obitelj-fontova: sans-serif;
font- veličina : 18 px;
crta- visina : 1.5 ;
}

h1 {
tekst- uskladiti : centar;
font- veličina : 26 px;
}

str {
font- veličina : 18 px;
}

Izlaz
Evo izlaza koda koji je prikladan za sve veličine zaslona:

---

---

Korak 3: Primijenite medijski upit

• Prvo, spomenite '@spomenuti' označite i odredite veličinu zaslona ' 768 px ' prema ' maksimalna širina ” vlasništvo. Ova veličina zaslona primjenjivat će se na sve zaslone koji imaju veličinu jednaku ili manju od ' 768 px ”.
• Nakon toga odredite veličinu fonta za ,

  , i

  oznake:

@ medijima ( max- širina : 768 px ) {
tijelo {
font- veličina : 16 px;
crta- visina : 1.5 ;
}

h1 {
font- veličina : 22 px;
}

str {
font- veličina : 14
}
}

Ispod je rezultat nakon primjene medijskog upita. Medijski upit dizajniran je za uređaje koji imaju veličinu zaslona jednaku ili manju od ' 768 px ”:

Zaključak

Kako biste poboljšali čitljivost pomoću veličine fonta, prvo razvijte osjećaj za čitljivost i veličinu fonta. Štoviše, razumite različite veličine fonta i oznake fonta. Odaberite odgovarajuću veličinu fonta, a zatim odaberite odgovarajuću visinu retka. Obično je visina retka 1,2 puta veća od veličine fonta. Štoviše, odaberite obitelj fontova koja je prikladna za web sadržaj. Ovaj je članak pokazao praktičan način poboljšanja čitljivosti pomoću veličine fonta.