Fontti on olennainen osa verkkosuunnittelua, mikä antaa sivustolle erottuvan tyylin. Sivun laadukkaan tekstin tulisi näyttää harmoniselta, yhdistää sivuston muihin elementteihin ja samalla parantaa tiedon käsitystä. HTML-merkintöjen ja CSS-kaskaditaulukoiden avulla voit mukauttaa melkein minkä tahansa asetuksen maksimoidaksesi sivun suorituskyvyn.
Välttämätön
fonttitiedosto TTF-muodossa
Ohjeet
Vaihe 1
Jos haluat käyttää tietokoneellesi asennettuja kirjasimia, voit käyttää CSS-tyylitaulukoiden font-family-parametria. Syötä tämä kirjoittamalla seuraava koodi haluamallesi kohteelle:
Teksti
Tämä komento näyttää toisen tason h2-otsikon Arial-kirjasimessa.
Vaihe 2
Jos haluat käyttää omaa kirjasinta, sinun on ensin ladattava se isännälle ja otettava se käyttöön sopivalla komennolla. TTF-tiedostot sisältyvät seuraavaan komentoon:
Font-family-attribuutti määrittää tässä tapauksessa kirjasimen nimen, ja src: url (font.ttf) määrittää polun TTF-tiedostoon.
Vaihe 3
Kun olet ottanut elementin käyttöön, voit käyttää sitä tekstin näyttämiseen:
Teksti
Tämä komento on vastuussa vaaditun fontin fontin näyttämisestä kursiivilla toisen tason otsikossa. Jos käyttäjän selain ei tue TTF-tiedostojen käsittelyä, käytetään ensimmäisen pilkun (tässä tapauksessa Verdana) jälkeen määritettyä järjestelmän kirjasinta.
Vaihe 4
Jotkin selaimet eivät tue ladattavaa TTF: ää. Esimerkiksi Internet Explorer 8 käyttää EOT-muotoa tekstin näyttämiseen. Muunna tällaisissa selaimissa alkuperäinen TTF useilla palveluilla ja sisällytä tuloksena oleva kirjasinlaji samalla tavalla @ font-face -parametriin.
Vaihe 5
Jos haluat tuoda tarvitsemasi tiedoston toisesta resurssista, käytä @import-komentoa, joka on kirjoitettava CSS-asiakirjan yläosaan:
@import url (https:// font_address)
