Fonturi cu diacritice prin Google Fonts

Fonturi cu diacritice prin Google Fonts

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.

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.

5
Leave a Reply

avatar
4 Comment threads
1 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
5 Comment authors
SorinAndrei (refu.ro)Cristian AdamAlexSebi Recent comment authors
  Subscribe  
cele mai noi cele mai vechi cele mai votate
Abonare pentru
Sebi
Vizitator
Sebi

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

Alex
Vizitator
Alex

ty, de mult caut asemenea fonturi 🙂

Cristian Adam
Vizitator
Cristian Adam

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ă,… Read more »

Andrei (refu.ro)
Vizitator

Foarte buna completarea Cristian, multumesc pentru ea!

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

Sorin
Vizitator

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