Refu Blog

Fonturi cu diacritice prin Google FontsFonturi cu diacritice cu ajutorul Google Fonts este o alegere buna pentru un blogger, cel putin atunci cand stie ca fontul nu ii poate oferii surprize, asta este al 3-lea articol scris de mine despre fonturi, chiar am scris unul recent despre fonturi photoshop, din punctul meu de vedere fontul este un lucru de care trebuie sa tina cont orice webmaster, chiar daca am avut o discutie cu un prieten acum ceva timp legat ca el nu-si bate capul deloc cu fonturile folosite in proiectul lui, eu am ajuns chiar sa-mi bat putin capul pentru a putea oferii clientului sau vizitatorilor de pe blogul meu o vizibilitate cat mai buna, si un mod de afisare a fontului cat mai placut.

Cel mai simplu mod de a vedea care sunt fonturi cu diacritice este sa folosesti Preview Text, folosind ăîșțâ si ĂÎȘȚÂ, daca fontul se afiseaza corect, atunci este un font compatibil cu diacritice, atunci cand iti sunt afisate diacriticele in titlul paginii, acolo am vazut cele mai multe probleme la bloggeri, folosesc un font pe care-l adora, dar din cauza ca nu este compatibil cu diacritice, se afiseaza titlurile complet aiurea, chiar exista riscut sa nu fie afisat deloc titlul, si asta nu este deloc un lucru bun.

Poti sa vezi lista noua de fonturi cu diacritice creat in 2020.

Pentru a fi sigur ca gasesti cele mai multe exemple de fonturi cu diacritice, trebuie sa filtrezi cautarea in asa fel: SCRIPT -> Latin Extended

Mai jos o sa prezint cateva fonturi cu diacritice pe care le poti folosi prin Google Fonts.

Fonturi cu diacritice bune pentru titluri

  • Oswald
  • Ubuntu
  • Roboto Slab
  • PT Serif
  • Lobster
  • Francois One
  • Bree Serif
  • Libre Baskerville
  • Anton
  • Crete Round
  • Domine
  • Jockey One
  • Voces
  • Ranchers
  • Croissant One

Pentru a putea instala pe blogul tau unul din fonturile de mai sus, sau orice font care este in libraria Google Fonts, este necesar ca atunci cand te-ai decis sa alegi un font, sa apesi butonul Quick Use si apoi sa intregrezi linia generata acolo in tagul <HEAD> eventual langa alta linie care incepe cu <link href, apoi in CSS se modifica clasa sau id-ul prin adaugarea unei linii noi „font-family: ‘NUME FONT’, Georgia, Arial; etc.”

Daca nu te descurci lasa un comentariu aici si incerc sa te ajut.

Author

Mai multe informatii aici: http://www.refu.ro/despre/

5 Comments

  1. Interesant, multe din fonturile de pe net nu au si diacritice si ma enerveaza.

  2. Cristian AdamReply

    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 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.

    • Foarte buna completarea Cristian, multumesc pentru ea!

      Poate fi foarte folositoare pentru cei care vor fonturi cu diacritice.

  3. Folosesc doua fonturi pe un website wordpress care suporta diacritice. Sunt afisate corect in toate browserele cu exceptia unuia, Internet Explorer sau Edge. Pe IE, literele cu diacritice sunt afisate intr-un alt font.
    Daca are cineva o solutie la problema asta, as fi recunoscator.
    Multumesc,
    Sorin

Write A Comment