Simple styling muligheder giver dig mulighed for at ændre en websides skrifttype (eller type) ved hjælp af CSS (Cascading Style Sheets). Du kan indstille skrifttypen til individuelle ord, specifikke sætninger, overskrifter, hele afsnit og endda hele sider med tekst.
Sådan ændres fonten med CSS
Du kan lave HTML- og CSS-ændringer forklaret nedenfor ved hjælp af et HTML-editor eller tekstredigeringsprogram. Du kan enten kopiere teksten fra siden og indsætte den i en editor for at gøre ændringerne der eller åbne hele websiden i editoren og redigere direkte.
-
Find teksten, hvor du vil ændre skrifttypen. Vi bruger dette som et eksempel:
Denne tekst er i Arial
-
Omslut teksten med SPAN-elementet:
Denne tekst er i Arial
-
Tilføj attributten style = "" til span-mærket:
Denne tekst er i Arial
-
Inden for stilattributten skal du ændre skrifttypen ved hjælp af font-family stil.
Denne tekst er i Arial
-
Gem ændringerne for at se effekterne.
Tips til brug af CSS til ændring af skrifttype
-
Den bedste tilgang er at altid have mindst to skrifttyper i din skrifttypestabel (listen over skrifttyper), så hvis browseren ikke har den første skrifttype, kan den bruge den anden skrifttype i stedet.
Adskil flere skrifttyper med et komma, som dette:
font-familie: Arial, Genève, Helvetica, sans-serif;
-
Eksemplet beskrevet ovenfor bruger inline styling, men den bedste slags styling bruger et eksternt stilark, så du kan påvirke mere end blot det ene element. Du kan bruge en klasse til at indstille stilen på tekstblokke.
Denne tekst er i Arial
I dette eksempel vil CSS-filen til at style ovenstående HTML vises som følger:
.arial {font-family: Arial; }
-
Afslut altid CSS-stilarter med et semikolon (;). Det er ikke nødvendigt, når der kun er en stil, men det er en god vane at starte.
