Share on FacebookTweet about this on TwitterShare on LinkedInShare on Google+

În istoria încă scurtă a internetului, a existat o perioadă în care web designerii aveau la dispoziție 10-11 fonturi utilizabile direct, restul putând fi folosite doar ca imagini.

Ingeniozitatea și avansul tehnologiei web a schimbat toate acestea. Mai întâi timid, apoi cu mai mult curaj, webul și-a deschis granițele pentru fonturi care nu erau pe lista restrânsă de “web safe”.

Printre cele mai la îndemână și mai de încredere metode de a folosi fonturi “speciale” pe blogul sau site-ul tău o reprezintă Google web fonts.

Folosind cunoștințe de bază de editare a codului CSS, prin câteva acțiuni copy/paste, Google oferă posibiliatea utilizării a peste 500 de familii de fonturi în orice mediu online.

Singura “problemă” a limbii române – și o numesc problemă doar din punctual de vedere al fonturilor web – rămân diacriticele care, în funcție de fontul ales, pot ori să nu afișeaze corect un caracter ori să îl ascundă în întregime.

Mai jos găsiți o listă de 21 de Google web fonts cu diacritice românești (îÎ â ăĂ șȘ țȚ), verificate și alese “pe sprânceană”.

FONTURI SERIF

Cutive

……………………………………………………………………………………………………………………………

Noticia Text

……………………………………………………………………………………………………………………………

Playfair+Display

……………………………………………………………………………………………………………………………

Troochi

……………………………………………………………………………………………………………………………

Caudex

……………………………………………………………………………………………………………………………

Bree Serif

……………………………………………………………………………………………………………………………

Crete Round

……………………………………………………………………………………………………………………………

Alegreya SC

……………………………………………………………………………………………………………………………

Ledger

……………………………………………………………………………………………………………………………

Sorts Mill Goudy

……………………………………………………………………………………………………………………………

Roboto Slab (multumesc, Bogdan Mihai Nicolae)

google-font-roboto-slab-diacritice

 

FONTURI SANS-SERIF

Cantora One

……………………………………………………………………………………………………………………………

Play

……………………………………………………………………………………………………………………………

Ubuntu

……………………………………………………………………………………………………………………………

Open Sans

……………………………………………………………………………………………………………………………

PT Sans Narrow

……………………………………………………………………………………………………………………………

Jura

……………………………………………………………………………………………………………………………

Oswald

……………………………………………………………………………………………………………………………

Jockey One

……………………………………………………………………………………………………………………………

Didact Gothic

……………………………………………………………………………………………………………………………

Anton

……………………………………………………………………………………………………………………………

Andika

……………………………………………………………………………………………………………………………

Source Sans Pro (mulțumesc, gxg)

……………………………………………………………………………………………………………………………

Un mic tutorial care explică mai detaliat cum poti folosi Google web fonts în site-ul tău poate fi găsit aici.

Andrei Dragostin este web designer @ Sanoma Hearst Romania . Cei mai mulți dintre voi îl știți în social media ca Nor Negru. Intrați pe site-ul lui, www.andreidragostin.ro pentru a vedea portofoliul lui.

Later edit: Bogdan Mihai Nicolae a realizat lista completa de fonturi cu diacritice (Multumim!). Le gasiti mai jos, cu linkuri si am scos fonturile incluse mai sus in articol.

Abril Fatface | Allura | Anaheim | Anonymous Pro | Arimo | Average Sans

BenchNine | Bowlby One SC

Cardo | Combo | Cousine | Croissant One | Cutive Mono

Domine

EB Garamond | Exo 2

Forum | Francois One | Fruktur

Joti One

Kaushan Script

Libre Baskerville | Life Savers | Lora

MedievalSharp | Merriweather Sans | Monda

Neuton | New Rocker | News Cycle | Noto Sans | Noto Serif

Open Sans Condensed | Oxygen

PT Mono | PT Sans | PT Sans Caption | PT Serif | PT Serif Caption | Patrick Hand | Patrick Hand SC | Petit Formal Script | Pirata One | Playfair Display SC | Pontano Sans

Racing Sans One | Radley | Raleway Dots | Ranchers | Roboto Condensed

Sancreek | Seymour One | Shadows Into Light Two | Source Code Pro

Tenor Sans | Tinos | Titillium Web

Ubuntu Condensed | Ubuntu Mono | Unica One

Varela | Voces

3 moduri prin care poți să fii la curent cu noutățile SocialWeb.roabonează-te prin e-maillike SocialWeb fan page sau abonează-te prin RSS. :)

>>> Cum să fii la curent cu tot ce scriu pe SocialWeb.ro: Facebook, RSS sau e-mail.