Font je sastavni dio web dizajna, a web mjestu daje prepoznatljiv stil. Kvalitetan tekst na stranici trebao bi izgledati skladno, kombinirati se s ostalim elementima web stranice i istovremeno pridonijeti boljoj percepciji informacija. Korištenjem HTML oznaka i CSS kaskadnih tablica možete prilagoditi gotovo sve postavke kako biste povećali performanse stranice.
Potrebno
datoteka fonta u TTF formatu -
Upute
Korak 1
Da biste koristili skup fontova instaliranih na računalu, možete upotrijebiti parametar obitelji fontova kaskadnih listova stilova. Da biste to učinili, unesite sljedeći kod za željenu stavku:
Tekst
Ova će naredba prikazati naslov h2 druge razine u tipu Arial.
Korak 2
Ako želite koristiti vlastiti font, prvo ga morate prenijeti na hosting i omogućiti pomoću odgovarajuće naredbe. Datoteke TTF nalaze se uz sljedeću naredbu:
Atribut obitelji fontova u ovom slučaju navodi ime slova, a src: url (font.ttf) navodi put do TTF datoteke.
3. korak
Nakon omogućavanja elementa možete ga koristiti za prikaz teksta:
Tekst
Ova je naredba odgovorna za prikaz potrebnog fonta fonta u kurzivu u naslovu druge razine. Ako korisnikov preglednik ne podržava rukovanje TTF datotekama, upotrijebit će se sistemski font naveden nakon prve zarezke (u ovom slučaju Verdana).
4. korak
Neki preglednici ne podržavaju TTF za preuzimanje. Na primjer, Internet Explorer 8 koristi EOT format za prikaz teksta. Za takve preglednike pretvorite izvorni TTF koristeći više usluga i na isti način uključite rezultirajuću vrstu slova u parametar @ font-face.
Korak 5
Ako želite uvesti datoteku koja vam je potrebna iz drugog resursa, upotrijebite naredbu @import koja mora biti napisana na vrhu CSS dokumenta:
@uvoz url (https:// font_address)
