Com triar fonts que funcionen millor per als vostres llocs web
Feu un cop d'ull a qualsevol lloc web, independentment de la indústria, mida de l'empresa o altres factors diferenciadors i una cosa que estigui segur de veure que tenen en comú és el contingut del text. La manera en què es mostra el text és la pràctica del disseny tipogràfic i és un dels aspectes més importants de l'aspecte i la capacitat d'un lloc, així com el seu èxit.
Durant molts anys, els dissenyadors web es van restringir en la quantitat de fonts que podrien utilitzar si volguessin que aquestes fonts apareguessin de forma fiable als llocs web que estaven creant. Aquestes fonts que es van trobar a la majoria d'ordinadors eren conegudes com a "fonts web segures". És possible que hagueu escoltat aquest terme en el passat d'un dissenyador web a mesura que van intentar explicar-vos per què no es pot utilitzar una determinada font en el disseny del vostre lloc.
La tipografia web ha recorregut un llarg camí en els darrers anys, i els dissenyadors i desenvolupadors web ja no es limiten a utilitzar només un grapat de fonts de seguretat web. L'augment de fonts web i la possibilitat d'enllaçar directament amb fitxers de fonts ha obert un nou món de possibilitats per a l'ús de fonts de llocs web. Tan útil com ara és que teniu accés a tantes opcions de fonts noves, aquests tipus de lletres segures web provades i veritables encara tenen un lloc important en el disseny web modern.
Enllaçar amb fonts web
En fonts d'ús del vostre lloc que pot ser que no estiguin a l'ordinador d'una persona, heu d'enllaçar a un fitxer de font web i indicar al vostre lloc web que utilitzi aquest fitxer de font en comptes de mirar l'ordinador dels visitants. Vinculació a aquestes fonts externes, que estan incloses juntament amb la resta d'actius del vostre lloc o que es poden enllaçar amb un servei de fonts de tercers, us proporcionen opcions de font gairebé il·limitades, però aquest avantatge arriba a un preu. Els tipus de lletra externs s'han de carregar en un lloc, que tindrà un impacte en el rendiment en el temps de càrrega d'una pàgina web. Aquí és on les fonts segures web encara poden ser un benefici. Atès que aquests fitxers de tipus de lletra es carreguen directament des de l'ordinador del visitant, no es produeix cap èxit quan es carregui el lloc web. Aquesta és la raó per la qual molts dissenyadors web utilitzen ara una barreja de fonts web que s'han de descarregar juntament amb aquests tipus de lletres confiables web segures. Aquest pot ser el millor d'ambdós mons a mesura que accedeix a fonts noves i exòtiques tot i poder gestionar el rendiment del lloc i l'impacte general de la baixada.
Fonts segures web sense serif
Aquesta família de fonts és una de les vostres millors apostes per a fonts web segures. Si els incloeu a les vostres fonts , gairebé totes les persones veuran la pàgina correctament. Alguns tipus de lletres sans sans serif habituals són:
- Arial
- Arial Negre
- Tahoma
- Trebuchet MS
- Verdana
Algunes altres opcions de sans-serif que us proporcionen una bona cobertura global, però que podrien faltar per part d'alguns ordinadors, són les següents. Només recordeu que si feu servir aquests, heu d'incloure també una versió més comuna com a còpia de seguretat de la llista anterior a la vostra pila de fonts.
- Segle gòtic
- Ginebra
- Lucida
- Lucida Sans
- Lucida Grande
Serif Web Safe Fonts
A més de les fonts sans-serif, la família de fonts serif és una altra opció popular per als llocs web. A continuació, us presentem algunes de les vostres apostes més segures per poder utilitzar si voleu una font serif:
- Missatger
- Missatger nou
- Geòrgia
- Temps
- Times New Roman
Una vegada més, la llista següent és font que es mostrarà a molts equips, però que tenen menys cobertura global com la llista anterior. Podeu utilitzar aquestes fonts de manera molt confiable, però també hauria d'incloure una font de lletra més comú (de la llista anterior) a la vostra pila de fonts.
- MS Serif
- Nova York
- Palatino
- Linotip de Palatino
Fonts de monospace
Tot i que no són tan àmpliament utilitzats com les fonts serif i sans-serif, fonts de monoespacio també són una opció. Aquests tipus de lletra són aquells que presenten lletres que estan igualment separades. No tenen una àmplia acceptació a través de les plataformes, però si voleu utilitzar una font de monoespai, aquestes són les vostres millors apostes:
- Missatger
- Missatger nou
Aquestes fonts també tenen certa cobertura.
- Consola Lucida
- Mònaco
Fonts cursives i fantàstiques
Els tipus de lletra cursius i de fantasia no són populars com serif o sans-serif, i la naturalesa ornamental d'aquests tipus de lletra els fa inapropiats d'usar com a còpia corporal. Aquests tipus de lletra són més sovint usos com titulars i títols on estan establerts en mides de lletra més grans i només per a petites erupcions de text. Estilísticament, aquests tipus de lletra poden semblar molt bons, però cal tenir en compte l'aspecte de la font en contra de la lectura de qualsevol text que hàgiu configurat usant-los.
Només hi ha una font cursiva disponible a Windows i Macintosh , però no a Linux. És Comic Sans MS. No hi ha fonts de fantasia que tinguin una bona cobertura en els navegadors i sistemes operatius. Això vol dir que si utilitzeu fonts cursives de fantasia al vostre lloc web, probablement l'utilitzeu com a tipus de lletra web i enllaçant-vos al fitxer de lletra adequat.
Telèfons intel·ligents i dispositius mòbils
Si esteu dissenyant pàgines per a dispositius mòbils , les opcions de font segura del web són variables. Per a dispositius iPhone, iPod i iPad, els tipus de lletra comuns inclouen:
- Arial
- Missatger
- Missatger nou
- Geòrgia
- Helvètica
- Palatino
- Times New Roman
- Trebuchet MS
- Verdana
Els tipus de lletra web són una elecció excel·lent quan es considera el disseny de diversos dispositius, ja que si es pot carregar fonts externes, tindreu un aspecte molt més coherent des del dispositiu al dispositiu. A continuació, podeu temperar els tipus de lletra descarregats amb una o dues opcions de seguretat web per obtenir l'aspecte i el rendiment que el vostre lloc necessita per tenir èxit.
Article original de Jennifer Krynin. Editat per Jeremy Girard el 8/8/17