Enkle stylingsalternativer lar deg endre en websides skrifttype (eller type) ved hjelp av CSS (Cascading Style Sheets). Du kan angi skrifttypen for enkelte ord, bestemte setninger, overskrifter, hele avsnitt og til og med hele sider med tekst.
Slik endrer du skriften med CSS
Du kan gjøre HTML- og CSS-endringene forklart nedenfor ved hjelp av et HTML-editor eller tekstredigeringsprogram. Du kan enten kopiere teksten fra siden og lime den inn i en editor for å gjøre endringene der, eller åpne hele nettsiden i redigeringsprogrammet og redigere direkte.
-
Finn teksten der du vil endre skrifttypen. Vi bruker dette som et eksempel:
Denne teksten er i Arial
-
Omgir teksten med SPAN-elementet:
Denne teksten er i Arial
-
Legg til attributtet style = "" til span-merket:
Denne teksten er i Arial
-
Innenfor stilattributtet, endre skrifttypen ved hjelp av font-family stil.
Denne teksten er i Arial
-
Lagre endringene for å se effektene.
Tips for å bruke CSS til å endre skrift
-
Den beste tilnærmingen er å alltid ha minst to fonter i fontstakken (listen over skrifter), slik at hvis nettleseren ikke har den første skrifttypen, kan den bruke den andre skrifttypen i stedet.
Separat flere skriftvalg med komma, slik:
font-familie: Arial, Genève, Helvetica, sans-serif;
-
Eksemplet som er beskrevet ovenfor bruker inline styling, men den beste typen styling bruker et eksternt stilark slik at du kan påvirke mer enn bare ett element. Du kan bruke en klasse til å angi stilen på tekstblokker.
Denne teksten er i Arial
I dette eksemplet vil CSS-filen som stiler HTML-koden, vises som følger:
.arial {font-family: Arial; }
-
Slutt alltid CSS-stiler med et semikolon (;). Det er ikke nødvendig når det bare er én stil, men det er en god vane å starte.
