Web-sivulla HTML-fontti tai web-fontti on näytetty teksti, joka on nimetty CSS: n avulla. Aiemmin fontin näkökohtia voidaan muuttaa tunnisteessa ja attribuutti- ja arvopareissa. Tässä tunnisteessa oli kuitenkin poistettu HTML 4.1 -käyttöoikeus, ja se on pian vanhentunut. Seuraavissa osissa on esimerkkejä molemmista menetelmistä sekä tietoa siitä, kuinka saada lisää web-fontteja.

HTML5: n ja verkkosivujen suunnittelun osalta on suositeltavaa, että CSS: ää käytetään fontin määrittämiseen. Seuraavassa esimerkissä kirjasin on määritelty kehossa, joka kertoo selaimelle Verdanan, jos se on saatavilla, Arial varmuuskopioina ja värikoodi # 333. CSS: n avulla fonttiperhe ja väri voidaan soveltaa suoraan mihin tahansa tiettyyn HTML-elementtiin tai lisätä tiettyyn HTML-tunnisteeseen käyttämällä luokkaa tai tunnusta.

 elin {font-family: verdana, arial; väri: # 333; } 

HTML-fontit, joissa on fontti

Esimerkkikoodi

 Verdanan fontti vihreässä värissä 

Esimerkin tulos

Mistä saan lisää web-fontteja?

Yksi helpoimmista tavoista saada fontteja Web-sivullesi on käyttää Google-fontteja, joka on tuhansia Google-fontteja. Nämä fontit ladataan niiden nopeasta ja maailmanlaajuisesta palvelimesta ja voivat parantaa sivustosi ulkoasua.

• Google-fonttien sivulla on täydellinen luettelo niiden käytettävissä olevista fonteista.

• Web-sivulla näkyvän fonttityypin muuttaminen.

CSS, Fontti, HTML-tunniste, Internet-termit, Web, Web-suunnittelun ehdot