Skrifttyper og CSS
CSS er den mest effektive måde at justere skrifttyperne på din webside på. Du kan styre fontfamilien, størrelse, farve, vægt og mange andre aspekter af typografi.
Font egenskaber i CSS er en af de mest almindelige måder at gøre din side mere karakteristisk og unik. Det er nemt at ændre farve, størrelse og endda ansigt (selve skrifttypen) af din tekst med CSS-skrifttypeegenskaber.
- farve
- font-family
- skriftstørrelse
Der er tre dele til en skrifttype:
- farve
- Dette er den farve, skrifttypen vil vise som på skærmen.
- størrelse
- Dette er hvor stort eller lille skrifttypen vil gøre på skærmen.
- ansigt
- Dette er skrifttypefamilien, hvad der ofte omtales som den faktiske skrifttype.
Skriftfarver
For at ændre farve på teksten, skal du blot bruge CSS-farveformategenskaben. Du kan bruge enten farve navne eller hexadecimale koder. Som med al farve på internettet er det bedst at bruge browsersikre farver.
Prøv følgende stilarter på dine websider:
Denne skrifttype er farvet rødDenne skrifttype er farvet blå
Font størrelser
Når du angiver skriftstørrelsen på internettet, kan du indstille den i relative størrelser eller være meget specifik ved hjælp af pixels, centimeter eller tommer. Men de mere nøjagtige skrifttypestørrelser er beregnet til at blive brugt til udskrivning og ikke til websider, hvor alle, der ser på dit websted, måske har en anden opløsning, skærmstørrelse eller standard skrifttypeindstilling. Hvis du vælger 15px som din standardstørrelse, kan du derfor være ubehageligt overrasket over at se, hvor stor eller lille din skrifttype gør til dine kunder.
Jeg anbefaler, at du bruger ems til skriftstørrelse. Ems tillader, at din side forbliver tilgængelig, uanset hvem der ser det, og ems er beregnet til skærmgengivelse. Forlad dine pixels og point for udskriftsgengivelse. For at ændre skriftstørrelsen skal du sætte følgende stil på din webside:
denne skrifttype er 1emdenne skrifttype er .75emdenne skrifttype er 1.25em
Font Faces
Ansigtet på din skrifttype er, hvad mange mennesker tænker på, når de tænker på "skrifttype". Du kan erklære ethvert skriftligt ansigt, du gerne vil, men husk, hvis din læser ikke har den skrifttype installeret, vil deres browser forsøge at finde en kamp for det, og deres side vil ikke se som du ønskede.
For at løse dette problem kan du angive en liste over ansigtsnavne, adskilt af kommaer, for at browseren skal bruge efter ønske. Disse kaldes fontstabler. Husk, at en standard skrifttype på en pc (f.eks. Arial) måske ikke er standard på en Macintosh. Så du bør altid se dine sider med en minimalt installeret maskine (og helst på begge platforme) for at sikre, at din side ser ud som designet selv med små skrifttyper.
En af mine foretrukne skrifttypestabler er Dette sæt er en sans-serif skrifttype samling, og mens geneva og arial ikke ser ud til at være meget ens, er de begge ret standard på Macintosh og Windows-computere. Jeg inkluderer helvetica og helv for kunder på andre operativsystemer som Unix eller Linux, der muligvis ikke har et robust skrifttype bibliotek.
denne skrifttype er sans-serifdenne skrifttype er serif
