Hvordan endre skriftstørrelse i HTML

click fraud protection
Jente (5-7) sitter på sofaen med laptop, sett bakfra

Endre enkelt nettsidens skriftstørrelse med CSS.

Bildekreditt: Ableimages/Photodisc/Getty Images

Du kan ta kontroll over skriftstørrelsen på websiden din ved å bruke egenskapen font-size til HTMLs stilspråk, Cascading Style Sheets. Fra og med HTML 5, erstatter CSS-tilnærmingen til skriftstiling den eldre "font"-taggen. Selv om skriftkoden er gyldig for HTML 4-formaterte nettsider, støttes den ikke lenger som en gyldig kode i HTML 5.

Definere skriftstørrelsen med CSS

Skriftstørrelser angis på websiden din ved å bruke CSS-attributtet "font-size". Skriftstørrelser er vanligvis definert ved hjelp av typografisk mål "em", der 1.0 er gjeldende skriftstørrelse, eller prosenter, der 100 prosent er gjeldende skrift størrelse. Du kan også bruke de forhåndsinnstilte verdinavnene, for eksempel "smaller", "larger", "small" og "xx-large". Mens du definerer størrelsen i piksler eller punkter er gyldig, det anbefales ikke fordi teksten din kanskje ikke skaleres riktig i visse omstendigheter.

Dagens video

Du kan bruke stiler i nesten hvilken som helst HTML-tag i hoveddelen av nettsiden din. Legg til et "stil"-attributt til taggen med CSS-font-size-attributtet satt til størrelsen du ønsker. Stilen påvirker teksten mellom begynnelsen og slutten av taggen -- for eksempel:

Denne teksten er større enn normalt.

Denne teksten er mindre.

Denne teksten er også mindre.

Bruke CSS i stilarket ditt

Hvis websiden din har et CSS-stilark, enten innebygd i hodet på siden eller definert i en egen fil, kan du endre skriftstørrelsen der. Stilark er nyttige for å gjøre globale endringer på websiden din. Finn eller legg til erklæringen du vil endre og legg til skriftstørrelseskoden. For å gjøre skriftstørrelsen større for alle avsnittstagger, bruk for eksempel:

p {font-size: 125%; }