Font är en integrerad del av webbdesign, vilket ger webbplatsen en distinkt stil. Högkvalitativ text på sidan ska se harmonisk ut, kombineras med resten av webbplatsens element och samtidigt bidra till en bättre uppfattning om information. Med HTML-markering och CSS-kaskadtabeller kan du anpassa nästan vilken inställning som helst för att maximera sidans prestanda.
Nödvändig
teckensnittsfil i TTF-format
Instruktioner
Steg 1
Om du vill använda en uppsättning teckensnitt som är installerade på din dator kan du använda typsnittsfamiljsparametern för de kaskad stilarken. För att göra detta, ange följande kod för önskat objekt:
Text
Detta kommando visar den andra nivån h2-rubriken i Arial-typsnittet.
Steg 2
Om du vill använda ditt eget teckensnitt måste du först ladda upp det till webbhotellet och aktivera det med lämpligt kommando. TTF-filer ingår i följande kommando:
Attributet font-family specificerar i det här fallet typsnittets namn och src: url (font.ttf) anger sökvägen till TTF-filen.
Steg 3
När du har aktiverat elementet kan du använda det för att visa text:
Text
Det här kommandot är ansvarigt för att visa önskat teckensnitt i kursiv stil i rubriken på andra nivån. Om användarens webbläsare inte stöder hantering av TTF-filer kommer systemteckensnittet som anges efter det första kommatecknet (i detta fall Verdana) att användas.
Steg 4
Vissa webbläsare stöder inte nedladdningsbar TTF. Till exempel använder Internet Explorer 8 EOT-format för att visa text. För sådana webbläsare konverterar du den ursprungliga TTF med flera tjänster och inkluderar den resulterande typsnittet i @ font-face-parametern på samma sätt.
Steg 5
Om du vill importera filen du behöver från en annan resurs, använd kommandot @import, som måste skrivas högst upp i CSS-dokumentet:
@import url (https:// font_address)
