Slik setter du fontfamilien på HTML5 og CSS3 websider - dummies

For å tilordne en skriftfamilie til en del av siden din, bruk noe nytt CSS. Som et eksempel, har denne siden overskriften satt til Comic Sans MS. Hvis denne siden vises på en Windows-maskin, viser den vanligvis skrifttypen riktig fordi Comic Sans MS er installert med de fleste versjoner av Windows. Hvis du er på en annen type maskin, kan du få noe annet. Se på det enkle tilfellet.

Her er koden:

comicHead. html h1 {font-family: "Comic Sans MS";}

Dette er en overskrift






Dette er vanlig tekst.

Hemmeligheten til denne siden er CSS-attributtet. I likhet med de fleste CSS-elementene, kan dette brukes til hvilken som helst HTML-kode på siden din. I dette spesielle tilfellet ble det brukt det til nivå ett overskrift.

h1 {font-family: "Comic Sans MS";}

Du kan deretter legge til et skrifttypenavn du ønsker, og nettleseren forsøker å bruke denne skriften for å vise elementet.

Selv om en skrift kan virke helt greit på datamaskinen din, kan det hende at det ikke fungerer hvis skrifttypen ikke er installert på brukerens maskin.

Hvis du kjører nøyaktig den samme siden på en iPad, ser du kanskje dette resultatet.

Den spesifikke fonten Comic Sans MS er installert på Windows-maskiner, men MS står for Microsoft. Denne skrifttypen er ikke alltid installert på Linux eller Mac. (Noen ganger er det der, og noen ganger er det ikke.) Du kan ikke regne med at brukere som har noen spesielle skrifttyper installert.

Tegneserien Sans er bra for et eksempel, men det har vært tungt brukt i webutvikling. Alvorlige webutviklere unngå å bruke den i ekte applikasjoner fordi det pleier å gjøre siden din til å se amatørosk.