Sådan ændres skriftstørrelse i HTML

Pige (5-7) sidder på sofaen med bærbar computer, set bagfra

Skift nemt din websides skriftstørrelse med CSS.

Billedkredit: Ableimages/Photodisc/Getty Images

Du kan tage kontrol over skriftstørrelsen på din webside ved at bruge egenskaben font-size i HTMLs stilsprog, Cascading Style Sheets. Startende med HTML 5 erstatter CSS-tilgangen til skrifttypestil det ældre "font"-tag. Selvom skrifttype-tagget er gyldigt for dine HTML 4-formaterede websider, understøttes det ikke længere som et gyldigt tag i HTML 5.

Definer skriftstørrelsen med CSS

Skriftstørrelser indstilles på din webside ved hjælp af CSS-attributten "font-size". Skriftstørrelser er typisk defineret ved hjælp af typografisk mål "em", hvor 1.0 er den aktuelle skriftstørrelse, eller procenter, hvor 100 procent er den aktuelle skrifttype størrelse. Du kan også bruge de forudindstillede værdinavne, såsom "mindre", "større", "small" og "xx-large". Mens du definerer størrelsen i pixels eller punkter er gyldig, anbefales det ikke, fordi din tekst muligvis ikke skaleres korrekt i visse omstændigheder.

Dagens video

Du kan bruge typografier i næsten ethvert HTML-tag i kroppen på din webside. Tilføj en "stil"-attribut til tagget med CSS-font-size-attributten indstillet til den ønskede størrelse. Stilen påvirker teksten mellem begyndelsen og slutningen af ​​tagget -- for eksempel:

Denne tekst er større end normalt.

Denne tekst er mindre.

Denne tekst er også mindre.

Brug af CSS i dit typografiark

Hvis din webside har et CSS-typografiark, enten indlejret i hovedet på din side eller defineret i en separat fil, kan du ændre skriftstørrelsen der. Style sheets er praktiske til at foretage globale ændringer på din webside. Find eller tilføj den erklæring, du gerne vil ændre, og tilføj skriftstørrelseskoden. For at gøre skriftstørrelsen større for alle afsnitstags skal du f.eks. bruge:

p {font-size: 125%; }