WordPress: schimbă fonturile cu Google Fonts

Aţi mai citit pe aici despre mica mea obsesie cu fonturile folosite de siteurile româneşti şi cum majoritatea sunt extrem de urâte şi de greu de citit. Şi pe bloguri e aceeaşi poveste, oamenii se gândesc foarte puţin la cititor şi la experienţă pe care acesta o va avea în cadrul siteului.

Dar există soluţii.

Una dintre ele este Google Fonts, un director cu font-uri care pot fi folosite pe site-uri sau bloguri. Modul de folosinţă este foarte simplu, fie cu ajutorul unui plugin, fie cu instalare manuală. E atât de simplu să nu ai un Arial mizerabil de 10px pe blog!

Mulțumesc că ai citit acest articol.
Dacă vrei să susții acest blog, cumpără un abonament de 3$

19 comentarii

  1. De precizat că problema mai mare este la „10 px”, mai puțin la „arial”. Nu de alta, dar probabil se va găsi vreun geniu să folosească Sacramento (sau ceva asemănător) de 10…

    Thumb up 0 Thumb down 0
  2. Google Fonts e o idee EXTREM de misto, dar care nu se renteaza pe siteurile cu trafic mare, unde nu poti controla foarte bine tipul de utilizator care iti intra pe site.

    Eu il folosesc, dar pe siteurile de prezentare, unde iti permiti sa fi mai creativ.

    Pe siteurile la care conteaza foarte mult textul, nu il recomand (deocamdata). Si cel mai bun exemplu e realitatea.net. De acasa (Win 7), se vede foarte misto. De la birou (Win XP, care nu a auzit de anti-alias pe font, dar care e folosit in majoritatea firmelor din Ro pt ca e ieftin), realitatea.net se vede asa:

    Thumb up 0 Thumb down 0
  3. Ar fi utilă o listă cu fonturile Google perfect compatibile cu caracterele româneşti.

    Thumb up 1 Thumb down 0
  4. L-am incercat, e fain, de viitor, mai ales prin modul simplu de implementare, dar deocamdata nusunt multe fonturi ce au caractere romanesti si sa aiba cele 4 stiluri si cele care au nu prea sunt citibile sau sunt mari la kb. Si cred ca alegerea fontului depinde de targetul pe care il ai. Ai multi vizitatori Arialul (13px) ramane cred cea mai buna optiune. Ai un site special, design, etc foloseste si alte fonturi.

    Thumb up 0 Thumb down 0
  5. Super treaba cu fonturile. Le-am schimbat imediat. Aveam nevoie de ele, dar nu am stat niciodata sa caut. Multumesc!

    Thumb up 0 Thumb down 0
  6. @Grig

    Eu folosesc diacriticele ISO din Windows 7 (XP-ul nu le are bune), iar singurul font care le afișează corect, din cele câteva încercate de mine dis de dimineață, este Sanchez. Dar parcă arată ciudat…

    Thumb up 0 Thumb down 0
  7. Sans serif sunt considerate mai uşor de citit şi sunt de obicei utilizate pentru titluri, semnalizare şi textul ecranul computerului
    Mai detaliat despre fonturi aici http://cataloginvitatii.ro/invitatii-nunta/lizibilitatea-si-perceptibilitatea-in-tiparirea-invitatiilor-de-nunta/

    Thumb up 0 Thumb down 0
  8. Un site unde puteti verifica cat de citet este fontul folosit https://www.webfx.com/tools/read-able/

    Thumb up 0 Thumb down 0
  9. @razvan: te inseli amarnic, windows xp are motor de anti-aliasing ce vine activat default. Problema este ca sys-adminii au prostul obicei de a seta “visual styles” pe “performance mode” ceea ce dezactiveaza tote chestiile fancy de prin windows, incluzand animatiile ferestrelor, temele si… anti-aliasing-ul fonturilor.

    Stau si ma intreb, oare fonturile astea de pe google permit modificari? Ca m-as baga voluntar sa adaug diacritice la cele mai folosite…

    Thumb up 1 Thumb down 0
  10. in xp, fara softuri; Display properties, Appearance, Effects, ClearType, nu Standard si gata.

    Thumb up 0 Thumb down 0
  11. Am Georgia pe 16px. Sunt bine!

    Thumb up 0 Thumb down 0
  12. Mie imi place Arial foarte mult.

    Thumb up 0 Thumb down 0
  13. Un rol crucial în randarea fonturilor îl are şi sistemul de operare:

    Ubuntu 12:

    http://i48.tinypic.com/ru5s9j.png

    Windows 7:

    http://i48.tinypic.com/2eaqq7q.png

    Mie unu îmi place mai mult cum îmi afişează Ubuntu, dar şi aici e vorba de cum se acomodează fiecare.

    Thumb up 0 Thumb down 0
  14. Google Web Fonts:
    * Latin – 601
    * Latin Extended – 280

    Noi intrăm la Latin Extended. Din cele 280 nu toate vin cu diacriticele noaste.

    Dacă introducem „crâșmăriță” la textul de previzualizare putem vedea câte din cele 280 chiar „duc” limba română.

    Thumb up 0 Thumb down 0
  15. ~20.000.000 de utilizatori.

    Thumb up 0 Thumb down 0
  16. @Cristian Adam

    Chiar și așa, unele diacritice pare a le afișa OK. Dar când încerci pe blog, vezi că nu-ți merge. Deși ai font I18N în română și ți-a mers. De aceea trebuie să încerci mai multe fonturi.

    Thumb up 0 Thumb down 0
  17. NOU
    #19

    @Robintel Trebuie să nu uiți să specifici „latin-ext” pentru a beneficia de diacriticele românești.

    Din păcate fonturi capabile de a afișa diacriticele (îmi vine în minte familiile Droid) sunt distribuite doar cu subsetul latin :(

    În situația de mai sus era și familia de fonturi Ubuntu, care acum văd că pot randa diacriticele corect.

    Thumb up 0 Thumb down 0

Adaugă un comentariu

Câmpurile marcate cu * sunt obligatorii! Adresa de email nu va fi publicată.

1. Linkurile utile în context sunt binevenite.
2. Comentariile asumate fac bine la blăniță.
3. Șterg comentariile care îmi strică buna dispoziție.

Susținere

Susține acest blog cumpărând de pe eMAG prin acest link sau de la PCGarage prin acest link.