Font er en integrert del av webdesign, noe som gir nettstedet en særegen stil. Tekst av høy kvalitet på siden skal se harmonisk ut, kombineres med resten av nettstedets elementer og samtidig bidra til en bedre oppfatning av informasjon. Ved hjelp av HTML-markering og CSS-cascading-tabeller kan du tilpasse nesten alle innstillinger for å maksimere sideytelsen.
Nødvendig
fontfil i TTF-format
Bruksanvisning
Trinn 1
For å bruke et sett med skrifttyper som er installert på datamaskinen din, kan du bruke font-familieparameteren til de kaskade stilarkene. For å gjøre dette, skriv inn følgende kode for ønsket element:
Tekst
Denne kommandoen vil vise andre nivå h2-overskrift i Arial-skrift.
Steg 2
Hvis du vil bruke din egen skrifttype, må du først laste den opp til hosting og aktivere den med riktig kommando. TTF-filer er inkludert med følgende kommando:
Font-family-attributtet spesifiserer i dette tilfellet navnet på skriftet, og src: url (font.ttf) spesifiserer banen til TTF-filen.
Trinn 3
Når du har aktivert elementet, kan du bruke det til å vise tekst:
Tekst
Denne kommandoen er ansvarlig for å vise den nødvendige skrifttypen i kursiv i overskriften på andre nivå. Hvis brukerens nettleser ikke støtter håndtering av TTF-filer, vil systemfonten som er angitt etter det første kommaet (i dette tilfellet Verdana) bli brukt.
Trinn 4
Noen nettlesere støtter ikke nedlastbar TTF. For eksempel bruker Internet Explorer 8 EOT-format for å vise tekst. For slike nettlesere kan du konvertere den originale TTF-en ved hjelp av flere tjenester og inkludere det resulterende skrifttypen i @ font-face-parameteren på samme måte.
Trinn 5
Hvis du vil importere filen du trenger fra en annen ressurs, bruker du @import-kommandoen, som må skrives øverst i CSS-dokumentet:
@import url (https:// font_address)
