Dette innlegget vil utdype metoden for å forbedre lesbarheten med skriftstørrelse.
Hvordan forbedre lesbarheten med skriftstørrelse?
Lesbarheten til fonter kan økes ved å jobbe med ulike faktorer. Slik som å øke linjelengden til en litt større størrelse. Bruk i tillegg en passende skriftfamilie, og bruk en riktig skriftstørrelse. For å praktisk talt lære forbedringen av lesbarheten med skriftstørrelse, følg trinnene nedenfor:
Trinn 1: Lag en HTML-struktur Trinn 2: Bruk CSS Produksjon Trinn 3: Bruk Media Query Nedenfor er en utgang etter bruk av mediespørringen. Mediespørringen ble designet for enheter som har en skjermstørrelse lik eller mindre enn ' 768 piksler ': For å forbedre lesbarheten med skriftstørrelse, må du først utvikle en følelse av lesbarhet og skriftstørrelse. Forstå dessuten de forskjellige skriftstørrelsene og skrifttaggene. Velg riktig skriftstørrelse og velg deretter passende linjehøyde. Vanligvis er linjehøyden 1,2 ganger skriftstørrelsen. Velg dessuten skriftfamilien som passer for nettinnhold. Denne artikkelen har demonstrert den praktiske måten å forbedre lesbarheten på med skriftstørrelse.
Begynn med å lage
< kropp >
< div klasse = 'innhold' >
< h1 > Velkommen til Linux Hint. < / h1 >
< s > Et populært portalnettsted Linux Hint gir god informasjon om informatikk-emner. < / s >
< / div >
< / kropp >
Først setter du ' skriftstørrelse ' til ' 16 piksler ' og 'linjehøyde' til ' 1.5 '. Videre setter du også fonten for og tagger:
kropp {
font-familie: sans-serif;
font- størrelse : 18px;
linje- høyde : 1.5 ;
}
h1 {
tekst- tilpasse : senter;
font- størrelse : 26px;
}
s {
font- størrelse : 18px;
}
Her er en utgang av koden som passer for alle skjermstørrelser:
@ media ( maks- bredde : 768 piksler ) {
kropp {
font- størrelse : 16px;
linje- høyde : 1.5 ;
}
h1 {
font- størrelse : 22px;
}
s {
font- størrelse : 14
}
}
Konklusjon