Kā mainīt fonta lielumu HTML

Meitene (5-7) sēž uz dīvāna ar klēpjdatoru, skats no aizmugures

Viegli mainiet savas Web lapas fonta lielumu, izmantojot CSS.

Attēla kredīts: Ableimages/Photodisc/Getty Images

Varat pārņemt kontroli pār savas tīmekļa lapas fonta lielumu, izmantojot HTML stila valodas fonta lieluma rekvizītu Cascading Style Sheets. Sākot ar HTML 5, CSS pieeja fontu stilam aizstāj vecāko "fonta" tagu. Lai gan fonta tags ir derīgs jūsu HTML 4 formatētajām Web lapām, tas vairs netiek atbalstīts kā derīgs tags HTML 5.

Fonta lieluma noteikšana, izmantojot CSS

Fonta lielumi tiek iestatīti jūsu tīmekļa lapā, izmantojot CSS atribūtu "font-size". Fonta lielumus parasti nosaka, izmantojot tipogrāfisks mērs "em", kur 1.0 ir pašreizējais fonta lielums vai procenti, kur 100 procenti ir pašreizējais fonts Izmērs. Varat arī izmantot iepriekš iestatīto vērtību nosaukumus, piemēram, "smaller", "larger", "small" un "xx-large". Nosakot izmēru pikseļos vai punktos ir derīgs, tas nav ieteicams, jo dažos gadījumos jūsu teksta mērogs var nebūt pareizi apstākļiem.

Dienas video

Jūs varat izmantot stilus gandrīz jebkurā HTML tagā savas tīmekļa lapas pamattekstā. Pievienojiet tagam atribūtu "style" ar CSS fonta lieluma atribūtu, kas iestatīts uz vēlamo izmēru. Stils ietekmē tekstu starp taga sākumu un beigām, piemēram:

Šis teksts ir lielāks nekā parasti.

Šis teksts ir mazāks.

Arī šis teksts ir mazāks.

CSS izmantošana jūsu stila lapā

Ja jūsu tīmekļa lapai ir CSS stila lapa, kas ir iegulta jūsu lapas galvā vai definēta atsevišķā failā, varat mainīt fonta lielumu. Stila lapas ir ērtas, lai veiktu globālas izmaiņas jūsu tīmekļa lapā. Atrodiet vai pievienojiet deklarāciju, kuru vēlaties mainīt, un pievienojiet fonta izmēra kodu. Piemēram, lai palielinātu fonta lielumu visiem rindkopas tagiem, izmantojiet:

p { fonta lielums: 125%; }