Skrifter og CSS
CSS er den mest effektive måten å justere skrifter på websiden din på. Du kan kontrollere fontfamilien, størrelsen, fargen, vekten og mange andre aspekter av typografien.
Font egenskaper i CSS er en av de vanligste måtene å gjøre siden din mer særegne og unike. Det er enkelt å endre farge, størrelse og til og med ansikt (selve fonten) av teksten med CSS-skriftegenskaper.
- farge
- font-family
- skriftstørrelse
Det er tre deler til en skrift:
- farge
- Dette er fargen fonten vil vise som på skjermen.
- størrelse
- Dette er hvor stort eller lite typefeltet skal gjengis på skjermen.
- ansikt
- Dette er skrifttypefamilien, det som ofte refereres til som den faktiske skrifttypen.
Skriftfarger
For å endre fargen på teksten, bruk bare CSS-fargestilegenskapen. Du kan bruke enten fargenavn eller heksadesimale koder. Som med all farge på nettet, er det best å bruke sikkerhetsfarger i nettleseren.
Prøv følgende stiler på websidene dine:
denne skrifttypen er farget rødtdenne skrifttypen er farget blå
Font størrelser
Når du angir skriftstørrelsen på nettet, kan du sette den i relative størrelser eller være veldig spesifikk ved hjelp av piksler, centimeter eller tommer. De mer eksakte skriftstørrelsene er imidlertid ment å brukes til utskrift og ikke for nettsider, der alle som ser på nettstedet ditt, kan ha en annen oppløsning, skjermstørrelse eller standard skriftinnstilling. Således, hvis du velger 15px som standardstørrelsen, kan du være ubehagelig overrasket over å se hvor stor eller liten fonten din til kundene dine.
Jeg anbefaler at du bruker ems for skriftstørrelse. Ems tillater at siden din forblir tilgjengelig, uansett hvem som ser på det, og ems er ment for skjermgengivelse. La piksler og poeng for utskrift av bilder. For å endre skriftstørrelsen, sett følgende stil på websiden din:
denne skrifttypen er 1emdenne skrifttypen er .75emdenne skrifttypen er 1.25em
Font Faces
Skriftens ansikt er hva mange mennesker tenker på når de tenker "skrifttype." Du kan erklære ethvert skriftsnitt som du ønsker, men husk at hvis leseren ikke har den skrifttypen installert, vil nettleseren prøve å finne en kamp for det, og siden deres vil ikke se ut som du hadde tenkt.
For å løse dette problemet kan du angi en liste over ansiktsnavn, adskilt av komma, for at nettleseren skal bruke i preferanse. Disse kalles fontstabler. Husk at en standard skrift på en PC (som Arial) kanskje ikke er standard på en Macintosh. Så du bør alltid se sidene dine med en minimalt installert maskin (og helst på begge plattformene) for å sikre at siden din ser ut som utformet, selv med små skrifttyper.
En av mine favorittfontestabler er Dette settet er en sans-serif font-samling, og mens geneva og arial ikke ser veldig ut, er de begge ganske standard på Macintosh og Windows-datamaskiner. Jeg inkluderer helvetica og helv for kunder på andre operativsystemer som Unix eller Linux som kanskje ikke har et robust skriftbibliotek.
denne skrifttypen er sans-serifdenne skrifttypen er serif
