Wordpress

Les 15 millors fonts de Google segons els números el 2021 (a més de consells per utilitzar-les)

Hi ha 1052 famílies de fonts de Google diferents disponibles de forma gratuïta (en el moment d'escriure aquest article). Són moltes opcions! Per tant, no és estrany que necessiteu ajuda per trobar aquesta agulla en un paller amb una llista de les millors fonts de Google.

Ho tenim per a tu i, a continuació, també compartirem algunes pràctiques recomanades per utilitzar Google Fonts a WordPress.

L'elecció d'un tipus de lletra és més que una simple elecció estètica: pot tenir un efecte substancial en els percentatges de rebot i les taxes de conversió del vostre lloc, especialment si trieu un tipus de lletra difícil de llegir. Per tant, val la pena prendre una mica de temps per triar la família de fonts de Google perfecta per al vostre lloc web, en lloc d'utilitzar el primer tipus de lletra que trobeu.

Si necessiteu encara més tipus de lletra, consulteu la nostra publicació sobre més de 50 fonts modernes per utilitzar al vostre lloc web de WordPress.

Per què utilitzar Google Fonts?

Hi ha milers de repositoris de fonts a Internet, així que què fa que Google Fonts sigui tan especial?

Catàleg de fonts de Google.
Catàleg de fonts de Google.

En primer lloc, és gratuït! A més, Google manté i ofereix les fonts de Google, la qual cosa significa que es garanteix que siguin segurs. Per descomptat, hi ha molts llocs web incòmodes on podeu descarregar tipus de lletra gratuïts, però qui sap què més trobareu amb aquests fitxers?

La qualitat dels tipus de lletra d'aquests llocs web de vegades també pot ser qüestionable.

Google ha seleccionat una selecció de més de mil tipus de lletra d'alta qualitat. Quan no ets un dissenyador gràfic amb un ull perfecte per a la tipografia, és una opció més segura.

En segon lloc, no hi ha restriccions de llicències complicades. Tots els tipus de lletra del catàleg de Google Fonts són de codi obert i d'ús gratuït en projectes comercials. Podeu descarregar-los o incrustar-los al vostre lloc, i fins i tot podeu utilitzar-los en projectes d'impressió.

Tot i que no hi ha cap llicència unificada, la majoria de tipus de lletra del dipòsit utilitzen la llicència de font oberta.

Llicència de lletra oberta.
Llicència de lletra oberta.

Altres "tipus de lletra gratuïts" rarament són gratuïts i inclouen tota una sèrie de restriccions de llicència confuses que us poden posar en aigua calenta si cometeu un error. Malauradament, Google Fonts no ve amb el mateix equipatge.

I, finalment, és fàcil afegir Google Fonts al vostre lloc web mitjançant l'API de Google Fonts. Alternativament, podeu descarregar-los individualment i carregar-los al vostre servidor web mitjançant FTP/SFTP.

Tot i que els tipus de lletra de Google solen ser senzills i potser no tan cridaners com alguns tipus de lletra de pagament, sens dubte supera els tipus de lletra segurs per a la web que vénen preinstal·lats amb els principals sistemes operatius, els mateixos tipus de lletra que tothom ha vist milers de vegades abans.

Hi ha 1052 famílies de fonts de Google diferents disponibles de forma gratuïta... encara us sentiu aclaparat? 🤯 Limiteu les vostres opcions amb l'ajuda d'aquesta publicació 👇Feu clic aquí per Tweet

Què buscar en una font de Google

Si hi ha alguna cosa que hauríeu d'aprendre quan dissenyeu un lloc web, és com triar una font de Google adequada per al vostre projecte. Una bona tipografia farà o trencarà el vostre lloc.

Pot semblar un detall sense importància, però pot ser la diferència entre algú que abandona el vostre lloc abans d'hora o es queda per convertir-se en un lector o client fidel.

Escollir el tipus de lletra adequat és una cosa que els dissenyadors gràfics passen anys dominant, però tenint en compte alguns principis, podeu triar un tipus de lletra bonic per al vostre lloc web.

  • S'adapta a la teva marca: Aquest pot ser l'aspecte més crític. Els millors llocs web tenen un tipus de lletra que mostra la seva personalitat alhora que és llegible i s'adapta al disseny actual. Per exemple, Apple i Iron Maiden utilitzen fonts molt diferents, però totes dues s'adapten a la seva marca.
  • Llegibilitat: El segon principi més important és la llegibilitat. Una fantasia estranya o una font gruixuda pot ser que s'adapti a la vostra marca, però si els vostres visitants no poden llegir-lo, s'aniran ràpidament. Per tant, els vostres tipus de lletra han de ser professionals i llegibles.
  • Classificació de la lletra: Tot i que hi ha centenars de maneres de classificar un tipus de lletra, aquests són els cinc tipus principals: serif, sans-serif, script, monospace i decoratiu. Un tipus de lletra amb guió o serif transmet elegància, mentre que els tipus de lletra monoespai són populars als llocs tecnològics. Conèixer aquestes classificacions us donarà un millor punt de partida en la vostra cerca.
  • Font de la pantalla o del cos: Els tipus de lletra de visualització són per a mides grans, capçaleres o projectes d'impressió. Es poden permetre el luxe de ser menys llegibles pel bé d'un disseny únic. La directiva principal dels tipus de lletra corporals és la llegibilitat, ja que constituiran la major part del vostre lloc.
  • Estat d'ànim i intenció: Igual que qualsevol obra artística, els artistes dissenyen tipus de lletra per a estats d'ànim i entorns específics. La majoria de tipus de lletra inclouran notes sobre com s'han dissenyat i com podeu utilitzar-los. Utilitzeu-los per decidir si el tipus de lletra s'adapta al vostre projecte.

Les 10 millors fonts de Google el 2021 (segons la saviesa de les multituds)

Aleshores, com desenvolupeu una llista de les millors fonts de Google quan gran part d'això és subjectiu? No volem que tota aquesta llista estigui esbiaixada, així que anirem amb les dades per crear una llista de les fonts de Google més populars.

Utilitzarem Google Fonts analytics per confiar en la saviesa de les multituds. Amb més de 50 bilions de visualitzacions totals de fonts, Google només té una mica de dades per extreure.

Aleshores, anirem una mica més enllà dels números de popularitat bruts i escollirem alguns tipus de lletra HTML emergents que estan guanyant popularitat.

A punt? Anem a bussejar!

1. Roboto

Roboto.
Roboto.

El lloc número 1 de llarga durada i BehmasterLa font escollida de, Roboto és una oferta sans-serif de Christian Robertson que Google va desenvolupar com a font del sistema per a Android. Ara és molt popular, es presenta en 12 estils diferents i fa diverses aparicions a les analítiques de Google Fonts.

Per exemple, Roboto és el tipus de lletra més popular. Però Roboto Condensed també és la sisena font més popular, i Roboto Slab també apareix al número 12!

2. Obrir Sans

Obre Sans.
Obre Sans.

Open Sans Condensed és una font molt llegible encarregada per Google i inspirada en el seu predecessor Droid Sans. Google utilitza Open Sans en alguns dels seus llocs web i en els seus anuncis impresos i web. Open Sans Condensed, la seva font germana aquí, també ocupa el tretzè lloc més popular a Google Fonts.

3.Lato

Lato.
Lato.

Lato és una altra opció popular de Łukasz Dziedzic. Té tota la història darrere del seu disseny, equilibrant objectius en conflicte, donant com a resultat un tipus de lletra sans-serif únic i lleuger.

4. Montserrat

Monstserrat.
Monstserrat.

Montserrat és una font sense serif de Julieta Ulanovsky, que viu al barri homònim de Montserrat de Buenos Aires. Amb 18 estils diferents que van des de lleugers a pesats, tens moltes opcions.

5. Oswald

Oswald.
Oswald.

Oswald és una font sans-serif desenvolupada originalment per Vernon Adams. Va ser dissenyat tenint en compte el distint estil gòtic alternatiu, fet evident pels seus traços atrevits.

6. Font Sans Pro

Font Sans Pro.
Font Sans Pro.

Source Sans Pro és un tipus de lletra sans-serif creat per a Adobe i el primer tipus de lletra de codi obert d'Adobe. Fet per Paul Hunt, la seva lletra lleugera el fa net i llegible.

7. Slabo 27px/13px

Slabo.
Slabo.

Slabo és un tipus de lletra serif desenvolupat per John Hudson de Tiro Typeworks. Aquest tipus de lletra està dissenyat específicament per a determinades mides: 27 px o 13 px, depenent de les vostres necessitats.

8.Raleway

Raleway
Raleway

Amb 18 estils diferents, Raleway és un altre tipus de lletra sans-serif de família nombrosa, creat inicialment per Matt McInerney. Si t'agrada Raleway i busques alguna cosa únic, Raleway Dots ofereix un estil similar amb un enfocament de punts que pot funcionar per a grans titulars.

9. PT Sense

PT Sans.
PT Sans.

PT Sans es va desenvolupar per als tipus públics de la Federació Russa i, com a tal, inclou caràcters llatins i ciríl·lics. També hi ha altres tipus de lletra a la família PT, incloses algunes opcions de serif.

10. Temps meteorològic

Merriweather.
Merriweather.

El nom de Merriweather evoca la idea d'un disseny agradable, i això és exactament el que pretenien els seus dissenyadors. Tot i que no és tan popular, Merriweather Sans és un projecte germà que combina excepcionalment bé amb ell.

Tipus de lletra extra + Up-And-Comers

Segons els números, els deu tipus de lletra anteriors són els més populars de Google. Però només mostrar les opcions més populars fa un mal servei a les grans fonts emergents que no han tingut l'exposició per aparèixer a les analítiques.

Aquests són alguns dels nostres preferits que no van aparèixer a la part superior de l'anàlisi.

11. Noto Sans / Serif

Noto Sans / Serif.
Noto Sans / Serif.

Noto és un tipus de lletra encarregat per Google que es presenta tant en versions serif com sans-serif. Està rebent actualitzacions periòdiques, i ara hi ha més de 100 tipus de lletra Noto, i cada vegada n'hi ha més!

L'objectiu de Noto és cobrir tots els alfabets i caràcters de diversos idiomes, mentre que el seu disseny diferent és harmoniós en centenars de famílies de tipus de lletra diferents. Aquests derivats inclouen els populars Noto Sans KR i Noto Sans JP.

12. Nunito Sans

Nunito Sans.
Nunito Sans.

Nunito Sans és una opció sans-serif que està creixent ràpidament en popularitat. El seu ús es va triplicar entre el 2018 i el 2019, i només es fa més popular cada any.

13. Concert Un

Concert XNUMX.
Concert XNUMX.

Concert One és una tipografia grotesca arrodonida que és una opció estel·lar per als titulars. El seu disseny poc convencional segur que atraurà els ulls.

14. Avís

Avís.
Avís.

Prompt és una oferta sense serif de la firma tailandesa de disseny de comunicació Cadson Demak. No té bucles (l'equivalent tailandès de sans-serif) i inclou caràcters tailandesos i llatins.

15. Treball Sans

Treball Sans.
Treball Sans.

Work Sans és un tipus de lletra sans-serif optimitzat per utilitzar-lo en pantalles. Els dissenyadors recomanen utilitzar els estils de pes mitjà per a qualsevol cosa des de 14 px fins a 48 px.

Necessites un allotjament ràpid, fiable i totalment segur per al teu lloc web de WordPress? Behmaster ofereix tot això i assistència de classe mundial les 24 hores del dia, els 7 dies de la setmana, d'experts de WordPress. Consulta els nostres plans

Com crear les millors combinacions de fonts de Google

Si us semblava difícil provar de triar un tipus de lletra de Google Fonts, espereu fins que proveu de combinar-los al vostre lloc! Afortunadament, aquest no és un problema que hàgiu de resoldre (tret que ho vulgueu). Podeu utilitzar un parell de maneres de trobar les millors combinacions de fonts de Google.

En primer lloc, el mateix lloc web de Google Fonts suggerirà aparellaments populars si us desplaceu cap avall per la pàgina:

Descobrint els aparellaments populars de Google Fonts.
Descobrint els aparellaments populars de Google Fonts.

Més enllà d'això, també podeu utilitzar un lloc com Font Pair per obtenir més suggeriments.

Bones pràctiques per utilitzar Google Fonts a WordPress

Un cop trobeu els tipus de lletra perfectes per al vostre projecte, aquí teniu algunes pràctiques recomanades per utilitzar Google Fonts a WordPress.

Limiteu el nombre de pesos de lletra que feu servir

Alguns d'aquests tipus de lletra, com Montserrat i Raleway, inclouen 18 tipus de lletra diferents. Tot i que això és bo per oferir-vos opcions, no voleu carregar els 18 pesos al vostre lloc de WordPress perquè reduirà el temps de càrrega.

Seguir aquesta pauta és molt important!

Per a la majoria de tipus de lletra, una bona regla general és utilitzar tres pesos com a màxim:

  • Regular
  • Itàlic
  • Audaç

Molts llocs de WordPress que veiem avui dia fins i tot salten la cursiva i només van amb dos pesos de lletra diferents.

Si incrusteu Google Fonts vosaltres mateixos, podeu triar exactament quins pesos voleu incloure. Primer, visiteu una pàgina de tipus de lletra i després feu clic Seleccioneu aquest estil al costat dels que vulguis.

Escollir un tipus de lletra a Google Fonts.
Escollir un tipus de lletra a Google Fonts.

La majoria dels temes de WordPress actuals inclouen maneres fàcils de triar quines fonts i pesos de Google voleu utilitzar. Però no tots els desenvolupadors de temes es centren en el rendiment. Per tant, en alguns casos, pot ser millor desactivar Google Fonts al vostre tema i afegir-los vosaltres mateixos.

Els tipus de lletra variables també comencen a popularitzar-se i són compatibles amb tots els navegadors moderns. Són increïbles perquè permet que un fitxer de tipus de lletra es transformi amb diferents propietats. Google Fonts té un munt de tipus de lletra variable per triar, i fins i tot podeu restringir la cerca a aquells específicament.

"Configuració

Penseu en allotjar Google Fonts localment

Com a alternativa a servir tipus de lletra des del servidor de Google, també podeu allotjar tipus de lletra localment, oferint avantatges de rendiment. Tanmateix, recordeu que probablement la majoria de tipus de lletra de Google ja es troben a la memòria cau als navegadors de la gent. Així que us recomanem que feu les vostres proves de rendiment.

Si utilitzeu un tipus de lletra premium diferent de Google, com el tipus de lletra "Brandon" que fem servir al nostre Behmaster lloc, allotjar-los localment (i servir-los des del vostre CDN) és la millor ruta. Per obtenir més informació sobre aquest tema, consulteu les nostres publicacions sobre com allotjar fonts localment.

Trieu una font que rebrà actualitzacions

Els tipus de lletra són com els complements i els temes de WordPress: amb el pas del temps, reben actualitzacions i millores per millorar-los encara més. I tot i que les apostes no són tan greus com els complements de WordPress, encara pot ser beneficiós triar una font que rebi actualitzacions periòdiques. Per exemple, la família Noto de Google ha rebut actualitzacions periòdiques des del 2014.

Com que la majoria de tipus de lletra d'aquesta llista són populars, probablement sigui una bona aposta que qualsevol tipus de lletra d'aquesta llista rebi actualitzacions i millores periòdiques. I si decidiu sortir de la llista, assegurar-vos que el tipus de lletra que trieu sigui prou popular per cridar l'atenció mai és una mala idea.

No us oblideu de l'accessibilitat

Segons l'Organització Mundial de la Salut, segons dades recollides l'any 2015, s'estima que 253 milions de persones viuen amb discapacitat visual: 36 milions són cecs i 217 milions tenen una discapacitat visual de moderada a severa. A més, el nombre de persones amb algun tipus de discapacitat ha augmentat fins als 2.2 milions a partir del 2021.

Quan feu servir Google Fonts, podeu controlar com es veu amb CSS, com ara el color i la mida. Així que no us oblideu de seguir les directrius d'accessibilitat de contingut web (WCAG) 2.0. Això garantirà que el vostre contingut sigui fàcilment accessible per a tothom.

Seguir aquestes directrius farà que el contingut sigui accessible per a un ventall més ampli de persones amb discapacitat, com ara ceguesa i baixa visió, sordesa i pèrdua auditiva, dificultats d'aprenentatge, limitacions cognitives, moviment limitat, discapacitats de la parla, fotosensibilitat i combinacions d'aquestes. – Directrius d’accessibilitat al contingut web (WCAG) 2.0

Una pauta crítica és el contrast de color. La nostra lletra era una mica massa lleugera en un disseny més antic de la Behmaster lloc web, i els visitants van expressar les seves preocupacions perquè dificultava la lectura. L'últim que voleu fer és publicar contingut increïble, només perquè es converteixi en una tensió als ulls de la gent!

Podeu utilitzar una eina com el Comprovador de contrast de color de WebAIM per veure si els colors del vostre tipus de lletra superen les recomanacions oficials. Per exemple, podeu veure que els colors de les entrades del nostre bloc ara han superat la prova. 👍

Eina de verificació de contrast de colors.
Eina de verificació de contrast de colors. 

Com afegir fonts de Google a WordPress

Amb una o dues fonts seleccionades, el pas final és afegir-la al vostre lloc web. Gràcies a Google Fonts, aquesta tasca és encara més fàcil del que és habitual.

Suposem que voleu incloure una font al vostre lloc web. En aquest cas, teniu tres opcions: instal·lar un connector com Easy Google Fonts o Google Fonts Typography, utilitzar l'API de Google Fonts per pujar el tipus de lletra al vostre lloc o descarregar-lo manualment i allotjar-lo al vostre lloc web.

Si necessiteu saber com canviar els vostres tipus de lletra a WordPress, hem escrit una guia detallada per ajudar-vos.

Escollir un tipus de lletra és més que una opció estètica: pot tenir un efecte substancial en les taxes de rebot i les taxes de conversió del vostre lloc 😲 Comenceu aquí ⬇️Feu clic aquí per Tweet

resum

Les fonts de Google són fantàstiques i les fan servir milions de llocs web. Fan que la web sigui més agradable, oberta, ràpida i accessible mitjançant principis sòlids de tipografia i iconografia.

Per garantir una millor experiència global per als vostres visitants, us recomanem que seguiu les millors pràctiques de tipus de lletra, com ara limitar el pes de les fonts, allotjar les fonts localment (si cal) i complir les directrius d'accessibilitat.

Ara us toca: quins són els vostres tipus de lletra i parells de fonts preferits de Google Fonts? Feu-nos-ho saber a continuació als comentaris i no us oblideu de llegir la nostra guia detallada sobre els tipus de lletra de WordPress!

Articles Relacionats

답글 남기기

이메일 주소는 공개되지 않습니다.

Torna al botó superior