Font je sastavni dio web dizajna, dajući web lokaciji prepoznatljiv stil. Kvalitetni tekst na stranici trebao bi izgledati skladno, kombinirati se s ostalim elementima web stranice i istovremeno pridonijeti boljoj percepciji informacija. Koristeći HTML oznake i CSS kaskadne tablice, možete prilagoditi gotovo bilo koju postavku kako biste maksimizirali performanse stranice.
Potrebno
datoteka fonta u TTF formatu
Instrukcije
Korak 1
Da biste koristili skup fontova instaliranih na računaru, možete koristiti parametar porodice fontova kaskadnih listova stilova. Da biste to učinili, unesite sljedeći kod za željenu stavku:
Tekst
Ova naredba će prikazati naslov h2 drugog nivoa u Arial tipu.
Korak 2
Ako želite koristiti svoj vlastiti font, prvo ga morate prenijeti na hosting i omogućiti ga pomoću odgovarajuće naredbe. TTF datoteke su uključene u sljedeću naredbu:
Atribut porodice fontova u ovom slučaju navodi ime slova, a src: url (font.ttf) navodi put do TTF datoteke.
Korak 3
Nakon omogućavanja elementa, možete ga koristiti za prikaz teksta:
Tekst
Ova je naredba odgovorna za prikaz potrebnog fonta fonta u kurzivu u zaglavlju drugog nivoa. Ako korisnikov preglednik ne podržava rukovanje TTF datotekama, upotrijebit će se sistemski font naveden nakon prve zarezke (u ovom slučaju Verdana).
Korak 4
Neki pregledači ne podržavaju TTF za preuzimanje. Na primjer, Internet Explorer 8 koristi EOT format za prikaz teksta. Za takve preglednike pretvorite originalni TTF koristeći višestruke usluge i na isti način uključite rezultirajući font 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)
