CSS3 – Fonturi disponibile online

Textele pot fi scrise online (în paginilie web) cu fontul dorit (numai sa fie gratuit).

Un exemplu de font şi detaliu din pagina online.

Un exemplu de font şi detaliu din pagina online.

Asta înseamnă că nu mai trebuie ca textele să fie imagini care să le înlocuiască ci poate fi text cu un anume font folosit / precizat de către designer. Atunci când fontul nu se află instalat pe computerul celui care accesează pagina, el va descărcat şi instalat pentru ca pagina să arate aşa cum a fost creată.

Am dat întâmplător peste blogul lui Tom Kenny, mai precis pagina despre „7 tehnici pentru a-ţi îmbunătăţi creaţiile web„, iar acolo apare o menţiune care mi-a atras atenţia.

Css3 fonturi accesibile online

Css3 fonturi accesibile online

Am căutat să văd despre ce e vorba. În fişierul css (typography.css, unul din ele) este menţionat fontul.

Fragment din fişierul css.

Fragment din fişierul css.

I-am făcut o captură.

Fontul.

Fontul.

Şi un detaliu din pagină.

Folosit în pagină (detaliu).

Folosit în pagină (detaliu).

Un alt articol, mai clar, pe acelaşi blog şi pe aceeaşi temă (http://inspectelement.com/tutorials/go-beyond-web-safe-fonts-with-css3/) / despre folosirea codului @font-face.

Link-uri:
http://craigmod.com/journal/font-face/
http://ilovetypography.com/2009/08/07/the-font-as-service/ / Despre fonturi ăn webdesign şi câteva servicii online.
http://www.css3.info/preview/web-fonts-with-font-face/ / Exemplu de cod şi rezultat.
http://webfonts.info/wiki/index.php?title=Fonts_available_for_%40font-face_embedding / Fonturi gratuite care se pot folosi din css. Linkuri
http://www.css3.com/ / Despre CSS3
http://www.css3.info/ / şi ăsta la fel
http://blog.typekit.com/2009/05/27/introducing-typekit/ / Despre Typekit

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