tag:

< katawan >
< div klase = 'nilalaman' >
< h1 > Maligayang pagdating sa Linux Hint. < / h1 >
< p > Isang sikat na portal website na Linux Hint ay nagbibigay ng mahusay na impormasyon tungkol sa mga paksa ng computer science. < / p >
< / div >
< / katawan >

Hakbang 2: Ilapat ang CSS
Una, itakda ang ' laki ng font 'sa' 16px ” at “line-height” hanggang “ 1.5 ”. Higit pa rito, itakda din ang font para sa

at

mga tag:

katawan {
font-family: sans-serif;
font- laki : 18px;
linya- taas : 1.5 ;
}

h1 {
text- ihanay : gitna;
font- laki : 26px;
}

p {
font- laki : 18px;
}

Output
Narito ang isang output ng code na angkop para sa lahat ng laki ng screen:

---

---

Hakbang 3: Ilapat ang Media Query

• Una, banggitin ang “@banggitin” tag at tukuyin ang laki ng screen ' 768px ' sa ' max-width ” ari-arian. Malalapat ang laki ng screen na ito sa lahat ng screen na may sukat na katumbas o mas mababa sa ' 768px ”.
• Pagkatapos nito, tukuyin ang laki ng font para sa ,

  , at

  mga tag:

@ media ( max- lapad : 768px ) {
katawan {
font- laki : 16px;
linya- taas : 1.5 ;
}

h1 {
font- laki : 22px;
}

p {
font- laki : 14
}
}

Nasa ibaba ang isang output pagkatapos ilapat ang media query. Ang media query ay idinisenyo para sa mga device na may sukat ng screen na katumbas o mas mababa sa ' 768px ”:

Konklusyon

Upang mapahusay ang pagiging madaling mabasa gamit ang laki ng font, una, bumuo ng isang pakiramdam ng pagiging madaling mabasa at sukat ng font. Bukod dito, unawain ang iba't ibang laki ng font at mga tag ng font. Piliin ang naaangkop na laki ng font at pagkatapos ay piliin ang angkop na taas ng linya. Karaniwan, ang taas ng linya ay 1.2 beses ang laki ng font. Bukod dito, piliin ang pamilya ng font na angkop para sa nilalaman ng web. Ipinakita ng artikulong ito ang praktikal na paraan ng pagpapahusay ng pagiging madaling mabasa gamit ang laki ng font.