oznaka:

< telo >
< div razred = 'vsebina' >
< h1 > Dobrodošli v namig za Linux. < / h1 >
< str > Priljubljeno spletno mesto portala Linux Hint ponuja odlične informacije o temah računalništva. < / str >
< / div >
< / telo >

2. korak: Uporabite CSS
Najprej nastavite » velikost pisave ' do ' 16 slikovnih pik « in »line-height« v » 1.5 ”. Poleg tega nastavite tudi pisavo za

in

oznake:

telo {
družina pisav: sans-serif;
pisava- velikost : 18 slikovnih pik;
vrstica- višina : 1.5 ;
}

h1 {
besedilo- poravnati : center;
pisava- velikost : 26 slikovnih pik;
}

str {
pisava- velikost : 18 slikovnih pik;
}

Izhod
Tukaj je izhod kode, ki je primeren za vse velikosti zaslona:

---

---

3. korak: Uporabite Media Query

• Najprej omenite '@omeniti' označite in določite velikost zaslona ' 768 slikovnih pik ' do ' največja širina ” lastnina. Ta velikost zaslona bo veljala za vse zaslone, katerih velikost je enaka ali manjša od ' 768 slikovnih pik ”.
• Po tem določite velikost pisave za ,

  , in

  oznake:

@ mediji ( max- premer : 768 slikovnih pik ) {
telo {
pisava- velikost : 16 slikovnih pik;
vrstica- višina : 1.5 ;
}

h1 {
pisava- velikost : 22 slikovnih pik;
}

str {
pisava- velikost : 14
}
}

Spodaj je rezultat po uporabi medijske poizvedbe. Medijska poizvedba je bila zasnovana za naprave, ki imajo velikost zaslona enako ali manjšo od ' 768 slikovnih pik ”:

Zaključek

Če želite povečati berljivost z velikostjo pisave, najprej razvijte občutek za berljivost in velikost pisave. Poleg tega razumejte različne velikosti pisav in oznake pisav. Izberite ustrezno velikost pisave in nato izberite ustrezno višino vrstice. Običajno je višina vrstice 1,2-krat večja od velikosti pisave. Poleg tega izberite družino pisav, ki je primerna za spletno vsebino. Ta članek je pokazal praktičen način za izboljšanje berljivosti z velikostjo pisave.