Contact Information

Î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. :)

Share:

administrator

7 Comments

  • Cristian, 03/02/2015 @ 05:45

    Font Squirrel are 226 fonturi care pot fi folosite pentru limba română:
    http://www.fontsquirrel.com/fonts/list/language/romanian

    Din cele 226 fonturi nu toate pot fi folosite ca web fonts, trebuie văzut în colțul stânga jos unde poate fi folosit fiecare font în parte.

    De ce am merge la Font Squirrel în loc de Google Web Fonts?

    1. Pentru cele 226 de fonturi. Nu trebuie să cauți printre sute de fonturi să vezi dacă au toate diacriticele
    2. Webfont Generator, se ia orice font în format ttf și se generează o versiune pentru web (@font-face)
    3. Conține fonturi pe care Google nu le oferă varianta completă, mă gândesc acum la fonturile Droid, fonturi care au fost folosite în sistemul de operare Android 1.x-4.x. Google au varianta vestică și dacă vrei mai mult trebuie să le cumperi de la Ascender Corp.

    Singurul dezavantaj este faptul că fonturile trebuiesc hostate pe serverul local și o să pape ceva din trafic.

  • Bogdan Mihai Nicolae, 29/04/2014 @ 20:41

    Din cele 320 de fonturi care au și setul de caractere “Latin Extended” (Google Fonts) doar 83 am găsit că afișează corect toate caracterele cu diacritice românești.
    Verificarea a fost facută vizual comparând grupurile de caractere asemănătoare (aă aâ AĂ AÂ iî IÎ sș SȘ tț TȚ).

    Lista completa este: Abril Fatface, Allura, Anaheim, Andika, Anonymous Pro, Anton, Arimo, Average Sans, BenchNine, Bowlby One SC, Bree Serif, Cantora One, Cardo, Caudex, Combo, Cousine, Crete Round, Croissant One, Cutive, Cutive Mono, Domine, EB Garamond, Exo 2, Forum, Francois One, Fruktur, Jockey One, Joti One, Jura, Kaushan Script, Ledger, Libre Baskerville, Life Savers, Lora, MedievalSharp, Merriweather Sans, Monda, Neuton, New Rocker, News Cycle, Noticia Text, Noto Sans, Noto Serif, Open Sans, Open Sans Condensed, Oswald, Oxygen, PT Mono, PT Sans, PT Sans Caption, PT Sans Narrow, PT Serif, PT Serif Caption, Patrick Hand, Patrick Hand SC, Petit Formal Script, Pirata One, Play, Playfair Display, Playfair Display SC, Pontano Sans, Racing Sans One, Radley, Raleway Dots, Ranchers, Roboto Condensed, Roboto Slab, Sancreek, Seymour One, Shadows Into Light Two, Sorts Mill Goudy, Source Code Pro, Source Sans Pro, Tenor Sans, Tinos, Titillium Web, Trocchi, Ubuntu, Ubuntu Condensed, Ubuntu Mono, Unica One, Varela, Voces

  • Cristina Avădănei, 28/04/2014 @ 11:46

    @Bogdan Mihai Nicolae: Multumesc mult! Il adaug in articol. :)

  • Bogdan Mihai Nicolae, 28/04/2014 @ 11:32

    Eu am am găsit și fontul ‘Roboto Slab’, îl poți adăuga la colecție https://www.google.com/fonts/specimen/Roboto+Slab

  • Cristina Avădănei, 27/01/2013 @ 14:22

    Multumesc pentru mentionarea de bifare ;)

  • cristian, 27/01/2013 @ 13:42

    Extrem de important atunci când folosiți fonturi de la Google Fonts este sa bifați căsuța Latin Extended (latin-ext), altfel nu veți obține niciodată randarea corectă a diacriticelor. Altfel spus, referința corectă spre un font Google cu diacritice este: și nu

  • gxg, 11/08/2012 @ 00:28

    Poți să adaugi și Source Sans pro la colecție: http://www.google.com/webfonts/specimen/Source+Sans+Pro

Leave a Reply

Your email address will not be published. Required fields are marked *