U prethodnome tutorijalu je prikazano korištenje custom made fontova putem JavaScript API-ja Cufon-a. U ovome tutorijalu će se koristiti malo drugačija metoda – CSS2 naredba @font-face.
@font-face je CSS pravilo koja vam omogućava prikaz fontova na web stranici čak iako nisu instalirani na korisnikovom računalu. Time se dizajnerima i developerima daje sloboda da se odmaknu od Web-safe fontova koje korisnici imaju već standardno instalirane na računalima kao što su Arial, Times New Roman,Verdana i Trebuchet.@font-face atribut omogućuje korisniku da unutar css skripte definira korištenje svoga custom made fonta.
Sintaksa izgleda ovako:
@font-face {
font-family: <a-remote-font-name>;
src: <source> [,<source>]*;
[font-weight: <weight>];
[font-style: <style>];
}
<a-remote-font-name> – naziv custom made fonta koji će se koristiti kao vrijednost uz font-family atribut
<source> – URL udaljene lokacije datoteke fonta ili naziv fonta na korisnikovom kompjutoru u obliku local(NazivFonta)
<weight> – težina fonta
<style> – stil fonta