Dette indlæg vil uddybe metoden til at forbedre læsbarheden med skriftstørrelse.
Hvordan kan man forbedre læsbarheden med skriftstørrelse?
Skrifttypernes læsbarhed kan øges ved at arbejde med forskellige faktorer. Såsom at øge linelængden til en lidt større størrelse. Brug desuden en passende skrifttypefamilie, og brug en passende skriftstørrelse. For praktisk talt at lære forbedringen af læsbarheden med skriftstørrelser skal du følge nedenstående trin:
Trin 1: Opret en HTML-struktur Trin 2: Anvend CSS Produktion Trin 3: Anvend Media Query Nedenfor er et output efter anvendelse af medieforespørgslen. Medieforespørgslen er designet til enheder, der har en skærmstørrelse lig med eller mindre end ' 768 pixels ”: For at forbedre læsbarheden med skriftstørrelse, skal du først udvikle en følelse af læsbarhed og skriftstørrelse. Forstå desuden de forskellige skriftstørrelser og skrifttypetags. Vælg den passende skriftstørrelse, og vælg derefter den passende linjehøjde. Typisk er linjehøjden 1,2 gange skriftstørrelsen. Vælg desuden den skrifttypefamilie, der er egnet til webindhold. Denne artikel har demonstreret den praktiske måde at forbedre læsbarheden med skriftstørrelse.
Start med at oprette
< legeme >
< div klasse = 'indhold' >
< h1 > Velkommen til Linux-tip. < / h1 >
< s > Et populært portalwebsted Linux Hint giver gode oplysninger om datavidenskabelige emner. < / s >
< / div >
< / legeme >
Først skal du indstille ' skriftstørrelse ' til ' 16 px ' og 'linjehøjde' til ' 1.5 ”. Indstil desuden også skrifttypen til og tags:
legeme {
font-familie: sans-serif;
skrift- størrelse : 18px;
linje- højde : 1.5 ;
}
h1 {
tekst- justere : center;
skrift- størrelse : 26px;
}
s {
skrift- størrelse : 18px;
}
Her er et output af koden, der passer til alle skærmstørrelser:
@ medier ( max- bredde : 768 px ) {
legeme {
skrift- størrelse : 16px;
linje- højde : 1.5 ;
}
h1 {
skrift- størrelse : 22px;
}
s {
skrift- størrelse : 14
}
}
Konklusion