štítek:

< tělo >
< div třída = 'obsah' >
< h1 > Vítejte v Linux Hint. < / h1 >
< p > Oblíbený portálový web Linux Hint poskytuje skvělé informace o tématech počítačové vědy. < / p >
< / div >
< / tělo >

Krok 2: Použijte CSS
Nejprve nastavte „ velikost písma “ až “ 16px “ a „výška řádku“ na „ 1.5 “. Dále také nastavte font pro

a

značky:

tělo {
font-family: sans-serif;
písmo- velikost : 18px;
čára- výška : 1.5 ;
}

h1 {
text- zarovnat : střed;
písmo- velikost : 26px;
}

p {
písmo- velikost : 18px;
}

Výstup
Zde je výstup kódu, který je vhodný pro všechny velikosti obrazovky:

---

---

Krok 3: Použijte Media Query

• Nejprve zmiňte '@zmínit se' tag a určete velikost obrazovky “ 768 pixelů “ na “ max. šířka ' vlastnictví. Tato velikost obrazovky bude platit pro všechny obrazovky, které mají velikost rovnou nebo menší než „ 768 pixelů “.
• Poté zadejte velikost písma pro ,

  , a

  značky:

@ média ( max- šířka : 768 pixelů ) {
tělo {
písmo- velikost : 16px;
čára- výška : 1.5 ;
}

h1 {
písmo- velikost : 22px;
}

p {
písmo- velikost : 14
}
}

Níže je výstup po použití dotazu na média. Dotaz na média byl navržen pro zařízení, která mají velikost obrazovky rovnou nebo menší než „ 768 pixelů “:

Závěr

Chcete-li zlepšit čitelnost pomocí změny velikosti písma, nejprve si rozviňte smysl pro čitelnost a velikost písma. Kromě toho pochopte různé velikosti písma a značky písem. Zvolte vhodnou velikost písma a poté zvolte vhodnou výšku řádku. Výška řádku je obvykle 1,2násobek velikosti písma. Navíc vyberte rodinu písem, která je vhodná pro webový obsah. Tento článek demonstroval praktický způsob, jak zlepšit čitelnost pomocí změny velikosti písma.