Font er en integreret del af webdesign, der giver webstedet en markant stil. Tekst af høj kvalitet på siden skal se harmonisk ud, kombineres med resten af webstedets elementer og samtidig bidrage til en bedre opfattelse af information. Ved hjælp af HTML-markering og CSS-kaskadetabeller kan du tilpasse næsten enhver indstilling for at maksimere sidens ydeevne.
Nødvendig
skrifttypefil i TTF-format
Instruktioner
Trin 1
For at bruge et sæt skrifttyper, der er installeret på din computer, kan du bruge fontfamilieparameteren til de kaskadeformede ark. For at gøre dette skal du indtaste følgende kode for det ønskede element:
Tekst
Denne kommando viser det andet niveau h2-overskrift i Arial-skrifttypen.
Trin 2
Hvis du vil bruge din egen skrifttype, skal du først uploade den til hosting og aktivere den ved hjælp af den relevante kommando. TTF-filer er inkluderet med følgende kommando:
Attributten font-family specificerer i dette tilfælde navnet på skrifttypen, og src: url (font.ttf) angiver stien til TTF-filen.
Trin 3
Når du har aktiveret elementet, kan du bruge det til at vise tekst:
Tekst
Denne kommando er ansvarlig for at vise den krævede skrifttype i kursiv i overskriften på det andet niveau. Hvis brugerens browser ikke understøtter håndtering af TTF-filer, bruges systemfonten, der er angivet efter det første komma (i dette tilfælde Verdana).
Trin 4
Nogle browsere understøtter ikke TTF, der kan downloades. For eksempel bruger Internet Explorer 8 EOT-formatet til at vise tekst. For sådanne browsere skal du konvertere den originale TTF ved hjælp af flere tjenester og inkludere det resulterende skrifttype i @ font-face-parameteren på samme måde.
Trin 5
Hvis du vil importere den fil, du har brug for fra en anden ressource, skal du bruge kommandoen @import, som skal skrives øverst i CSS-dokumentet:
@ import url (https:// font_address)
