Ändra enkelt din webbsidas teckensnittsstorlek med CSS.
Bildkredit: Ableimages/Photodisc/Getty Images
Du kan ta kontroll över teckenstorleken på din webbsida genom att använda egenskapen teckenstorlek i HTMLs stilspråk, Cascading Style Sheets. Från och med HTML 5 ersätter CSS-metoden för typsnittsstil den äldre "font"-taggen. Även om teckensnittstaggen är giltig för dina HTML 4-formaterade webbsidor, stöds den inte längre som en giltig tagg i HTML 5.
Definiera teckensnittsstorleken med CSS
Teckenstorlekar ställs in på din webbsida med CSS-attributet "font-size". Teckenstorlekar definieras vanligtvis med hjälp av typografiskt mått "em", där 1.0 är den aktuella teckensnittsstorleken, eller procentsatser, där 100 procent är det aktuella teckensnittet storlek. Du kan också använda de förinställda värdenamnen, som "mindre", "larger", "small" och "xx-large". Medan du definierar storleken i pixlar eller punkter är giltigt, det rekommenderas inte eftersom din text kanske inte skalas korrekt i vissa omständigheter.
Dagens video
Du kan använda stilar i nästan vilken HTML-tagg som helst i kroppen på din webbsida. Lägg till ett "stil"-attribut till taggen med attributet CSS font-size inställt på den storlek du vill ha. Stilen påverkar texten mellan början och slutet av taggen -- till exempel:
Denna text är större än normalt.
Denna text är mindre.
Denna text är också mindre.
Använda CSS i din stilmall
Om din webbsida har en CSS-stilmall, antingen inbäddad i huvudet på din sida eller definierad i en separat fil, kan du ändra teckensnittsstorleken där. Stilmallar är praktiska för att göra globala ändringar på din webbsida. Hitta eller lägg till deklarationen du vill ändra och lägg till teckenstorlekskoden. Till exempel, för att göra teckenstorleken större för alla stycketaggar, använd:
p { font-size: 125%; }
