Tutorial CSS3 – Utilizare font personal in site-ul tau

De multe ori punctul forte al unei teme wordpress sau a unui site, este reprezentat de fontul ales, care ii da viata site-ului.

Nu e asa ca de multe ori intri pe site-uri si vezi fel de fel de fonturi pe care ai vrea sa le folosesti si tu?

Astazi vin cu un tutorial simplu cu care poti folosi orice font vrei pe site-ul tau si este vizibil atat pe browser-ele performante gen Chrome, Mozilla, cat si pe clasicul Internet Explorer.

Te uiti in folderul din Windows numit Fonts, iti iei fontul dorit in format .ttf, sau iti descarci de pe net un font .ttf, iar in fisierul tau style.css adaugi urmatorul cod:

@font-face {
 font-family: Fontulmeu;
 src: url("adresa_font/nume_font.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: Fontulmeu;
 src: url("adresa_font/nume_font.eot") /* EOT file for IE */
}

nume_font.ttf trebuie sa fie incarcat pe site binenteles iar adresa_font va fi adresa url a font-ului.

Pentru Internet Explorer ai nevoie ca fontul tau sa fie transformat in fisier .eot. Pentru asta am gasit un site care transforma din .ttf in .eot in cateva clipe, si mai mult, genereaza si codul pentru site-ul tau. Gasesti aici site-ul.

Sper sa va fie de folos si sa folositi fonturi cat mai frumoase!