Jebkuram web lapas veidotājam var pienākt tāds brīdis, kad rodas vajadzība web lapā attēlot tekstu kādā nestandarta šriftā. Protams, šajā gadījumā nederēs variants ar attiecīgā šrifta ielādi sava datora operētājsistēmā - tad šis šrifts būs redzams tikai un vienīgi iz konkrētā datora. Kā izdarīt tā, lai to redzētu jebkurš lapas apmeklētājs no sava datora?

Tādā gadījumā mums norāde par šo jauno šriftu ir jāintegrē mājaslapas HTML kodā :

1) Sākotnēji nepieciešamā šrifta failu ielādējam savas mājaslapas failu krātuvē. Piemēra pēc šriftus var paņemt kaut no šejienes - http://www.1001freefonts.com

2) Mājaslapas HTML kodā ievietojam stila bloku ar norādi uz šo failu, kā arī šrifta attēlošanas parametrus :

<style>

@font-face {
 font-family: "BastionKontrast"; /*norādām šrifta nosaukumu*/
 src: url("http://site/fonts/BastionKontrastAltCRegular.ttf"); /*ceļš uz šrifta failu*/
 font-size: 1.5 em; /*nepieciešamie šrifta parametri*/
}

</style>

kur http://site/fonts/BastionKontrastAltCRegular.ttf - ceļš uz šrifta failu


3) Vajadzīgajā elementā pieslēgto šriftu izvēlamies šādi :

h1 { font-family: "BastionKontrast" }

Šriftu ģenerēšanai un konvertēšanai varat izmantot šo servisu - http://www.fontsquirrel.com/fontface/generator