@font-face -> Custom fonts pe site-ul tau

In primul rand, pentru a folosi un custom font pe site-ul dvs, trebuie sa il convertiti pentru a putea fi interpretat de toate browserele importante (FF, Chrome, Safari, IE). Pentru a face asta, in primul rand trebuie sa aveti fisierul cu fontul respectiv (.ttf/.otf) si apoi intrati pe Font Squirrel si convertiti-l. Presupun ca nu trebuie sa explic cum folosesti site-ul respectiv. (pentru cei ce nu se descurca, exista un buton destul de mare si de vizibil pe care scrie Add Fonts). Mai departe va scriu snippet-ul CSS si pentru HTML.

CSS

@font-face {         font-family:'MyFontFamily';
            src: url('myfont-webfont.eot?') format('eot'),
                 url('myfont-webfont.woff') format('woff'),
                 url('myfont-webfont.ttf')  format('truetype'),
                 url('myfont-webfont.svg#svgFontName') format('svg');
 }

HTML

body {        font-family:'MyFontFamily',Fallback, sans-serif;}

Lasă un răspuns

Completează mai jos detaliile despre tine sau dă clic pe un icon pentru autentificare:

Logo WordPress.com

Comentezi folosind contul tău WordPress.com. Dezautentificare / Schimbă )

Poză Twitter

Comentezi folosind contul tău Twitter. Dezautentificare / Schimbă )

Fotografie Facebook

Comentezi folosind contul tău Facebook. Dezautentificare / Schimbă )

Fotografie Google+

Comentezi folosind contul tău Google+. Dezautentificare / Schimbă )

Conectare la %s