címke:

< test >
< div osztály = 'tartalom' >
< h1 > Üdvözli a Linux Hint. < / h1 >
< p > Egy népszerű Linux Hint portál nagyszerű információkat nyújt számítástechnikai témákról. < / p >
< / div >
< / test >

2. lépés: Alkalmazza a CSS-t
Először állítsa be a „ betűméret ' nak nek ' 16 képpont ' és a 'line-height' a ' 1.5 ”. Ezenkívül állítsa be a betűtípust is

és

címkék:

test {
font-family: sans-serif;
betűtípus- méret : 18px;
vonal- magasság : 1.5 ;
}

h1 {
szöveg- igazítsa : középen;
betűtípus- méret : 26 képpont;
}

p {
betűtípus- méret : 18px;
}

Kimenet
Itt van a kód kimenete, amely minden képernyőmérethez alkalmas:

---

---

3. lépés: Alkalmazza a Media Queryt

• Először is említse meg a '@említés' címke és adja meg a képernyő méretét ' 768 képpont ' hoz ' max szélesség ' ingatlan. Ez a képernyőméret minden olyan képernyőre vonatkozik, amelynek mérete egyenlő vagy kisebb, mint ' 768 képpont ”.
• Ezt követően adja meg a betűméretet ,

  , és

  címkék:

@ média ( max- szélesség : 768 képpont ) {
test {
betűtípus- méret : 16 képpont;
vonal- magasság : 1.5 ;
}

h1 {
betűtípus- méret : 22px;
}

p {
betűtípus- méret : 14
}
}

Az alábbiakban egy kimenet látható a médialekérdezés alkalmazása után. A médialekérdezést olyan eszközökhöz tervezték, amelyek képernyőmérete egyenlő vagy kisebb, mint ' 768 képpont ”:

Következtetés

Az olvashatóság javítása érdekében a betűméretezéssel először fejleszteni kell az olvashatóság és a betűméret érzetét. Ezenkívül ismerje meg a különböző betűméreteket és betűtípus-címkéket. Válassza ki a megfelelő betűméretet, majd válassza ki a megfelelő sormagasságot. A sor magassága általában a betűméret 1,2-szerese. Ezenkívül válassza ki a webtartalomhoz megfelelő betűtípuscsaládot. Ez a cikk bemutatta az olvashatóság javításának gyakorlati módját a betűmérettel.