🛑 Zlatno pravilo: Autorska prava
Baš kao i glazba ili filmovi, fontovi su zaštićeni autorskim pravima[cite: 8, 9]. Ne smiješ samo preuzeti bilo koji font; svaki ima svoju licencu (dozvolu) koja kaže što smiješ raditi[cite: 10, 11].
Besplatne (Open Source) licence
SIL Open Font (OFL)
Vaš najbolji prijatelj! Dozvoljava besplatno korištenje, mijenjanje i dijeljenje[cite: 14, 15].
Apache License 2.0
Dopušta korištenje čak i u komercijalne svrhe (npr. za klijenta)[cite: 16, 17, 18].
GNU GPL
Besplatna je, ali uz "kvaku": ako mijenjate font, i novi dizajn mora biti besplatan pod istom licencom[cite: 19, 20].
Komercijalni fontovi
Oprez! Jedna kupljena licenca ne vrijedi za sve[cite: 21, 22].
Samo za Word, Photoshop i plakate. NE SMIJE se koristiti na webu[cite: 23, 24, 25].
Potrebna za web pomoću @font-face. Cijena ovisi o broju pregleda i domena[cite: 26, 27, 28].
Formati fontova: Brzina je bitna
| Format | Karakteristike |
|---|---|
| WOFF2 | Preporučeno! Najbolja kompresija, najbrže učitavanje[cite: 53, 54]. |
| WOFF | Dobar plan B za starije preglednike[cite: 55, 56]. |
| TTF/OTF | "Teškaši" koji usporavaju web stranicu[cite: 57, 58]. |
| EOT | Zastarjelo (samo za prastari Internet Explorer)[cite: 60]. |
Trik za profesionalce: font-display [cite: 92]
Određuje kako se tekst ponaša dok se font učitava[cite: 93]:
- swap: Tekst vidljiv odmah običnim fontom (preporučeno)[cite: 94].
- block: Tekst nevidljiv do 3 sekunde (samo za ikone)[cite: 94].
- fallback: Kratko blokiranje, pa obični font[cite: 94].