žyma:

< kūnas >
< div klasė = 'turinys' >
< h1 > Sveiki atvykę į „Linux Hint“. < / h1 >
< p > Populiari portalo svetainė „Linux Hint“ teikia puikios informacijos informatikos temomis. < / p >
< / div >
< / kūnas >

2 veiksmas: taikykite CSS
Pirmiausia nustatykite „ šrifto dydis 'į' 16 pikselių “ ir „line-height“ į „ 1.5 “. Be to, taip pat nustatykite šriftą

ir

žymos:

kūnas {
šriftų šeima: sans-serif;
šriftas- dydis : 18px;
linija - aukščio : 1.5 ;
}

h1 {
tekstas- lygiuotis : centras;
šriftas- dydis : 26 pikseliai;
}

p {
šriftas- dydis : 18px;
}

Išvestis
Čia yra kodo išvestis, tinkanti visų dydžių ekranams:

---

---

3 veiksmas: taikykite medijos užklausą

• Pirmiausia paminėkite „@minėjimas“ pažymėkite ir nurodykite ekrano dydį ' 768 pikseliai “ į „ maksimalus plotis ' nuosavybė. Šis ekrano dydis bus taikomas visiems ekranams, kurių dydis yra lygus arba mažesnis 768 pikseliai “.
• Po to nurodykite šrifto dydį ,

  , ir

  žymos:

@ žiniasklaida ( max- plotis : 768px ) {
kūnas {
šriftas- dydis : 16 pikselių;
linija- aukščio : 1.5 ;
}

h1 {
šriftas- dydis : 22px;
}

p {
šriftas- dydis : 14
}
}

Žemiau pateikiama išvestis pritaikius medijos užklausą. Medijos užklausa buvo skirta įrenginiams, kurių ekrano dydis yra lygus arba mažesnis 768 pikseliai “:

Išvada

Norėdami pagerinti skaitomumą nustatydami šrifto dydį, pirmiausia ugdykite skaitomumo jausmą ir šrifto dydį. Be to, supraskite skirtingus šrifto dydžius ir šrifto žymas. Pasirinkite tinkamą šrifto dydį, tada pasirinkite tinkamą eilutės aukštį. Paprastai eilutės aukštis yra 1,2 karto didesnis už šrifto dydį. Be to, pasirinkite šriftų šeimą, kuri tinka žiniatinklio turiniui. Šiame straipsnyje parodytas praktinis būdas pagerinti skaitomumą naudojant šrifto dydį.