Un web pot tenir bon disseny i missatge clar… i tot i així perdre credibilitat per una tipografia incòmoda, petita o incoherent. La font que tries no és un detall estètic: condiciona si el visitant llegeix, confia i arriba fins al formulari de contacte.
En aquest article veuràs com triar tipografies per al teu web d'empresa, quins errors evitar i com crear una jerarquia visual que guiï el visitant cap a l'acció sense sacrificar llegibilitat ni marca.
Per què la tipografia importa més del que sembla
Abans de llegir una sola frase, el cervell del visitant ja ha valorat si el teu web «sembla professional». La tipografia influeix en aquesta primera impressió tant com el color o les fotos.
- Llegibilitat immediata. Si el text cansa la vista, l'usuari no arribarà a la teva proposta de valor.
- Coherència de marca. Les fonts reforcen (o debiliten) la teva identitat de marca.
- Jerarquia visual. Títols, subtítols i cos han de guiar l'ull cap al que importa: beneficis, proves socials i crides a l'acció.
- Accessibilitat. Mides, contrastos i espaiat correctes ajuden a complir bones pràctiques d'accessibilitat web.
Com triar fonts per a un web d'empresa
No necessites desenes de tipografies. Amb una combinació ben pensada n'hi ha prou per a gairebé qualsevol web corporatiu:
- Una font per a titulars. Pot tenir personalitat (sans geomètrica o serif moderna) sempre que sigui llegible en pantalla.
- Una font per al cos. Prioritza comoditat en paràgrafs llargs: sans-serif neutra, bon interlineat i altura x generosa.
- Màxim dues famílies. Tres només si una és monoespaiada per a dades tècniques o codi.
- Evita modes passatgeres. Una font molt «de moda» pot semblar antiquada en dos anys i obligar-te a un redisseny.
Mides, interlineat i longitud de línia
La font correcta mal configurada segueix sent un problema. Revisa aquests paràmetres a la teva pàgina d'inici, serveis i blog:
- Cos de text: entre 16 i 18 px en escriptori; mai per sota de 16 px en mòbil.
- Interlineat: 1,5–1,7 vegades la mida de font per a paràgrafs.
- Longitud de línia: 60–75 caràcters per línia en escriptori; marges laterals generosos en mòbil.
- Contrast: text fosc sobre fons clar (o al revés) amb ràtio mínim WCAG AA.
- Titulars: escala clara (H1 > H2 > H3) sense salts bruscos ni mides gairebé iguals.
Errors tipogràfics que frenen la conversió
Aquests fallos apareixen una i altra vegada en webs de pimes i autònoms:
- Text massa petit en mòbil, especialment en peus de pàgina i formularis.
- Majúscules sostingudes en paràgrafs llargs: cansen i redueixen la velocitat de lectura.
- Massa fonts diferents que transmeten desordre i poca maduresa de marca.
- Titulars llarguíssims que es parteixen en quatre línies al mòbil i perden impacte.
- Ignorar el microcopy: etiquetes de botons i missatges d'error també necessiten tipografia llegible.
Tipografia i copy: han de treballar junts
La millor font no salva un text confús. La tipografia amplifica (o debilita) el teu copywriting web:
- Usa negretes amb criteri per destacar beneficis, no per decorar.
- Els titulars han de ser escanejables: el visitant ha d'entendre la proposta en 3 segons.
- Llistes amb vinyetes faciliten comparar serveis o avantatges sense blocs densos.
- Deixa aire entre seccions: l'espai en blanc també és part de la jerarquia.
Checklist ràpid abans de publicar
Recorre el teu web en escriptori i mòbil amb aquesta llista:
- Es llegeix el cos de text sense zoom al mòbil?
- Els titulars es distingeixen clarament del paràgraf?
- Hi ha com a màxim dues famílies tipogràfiques a tot el web?
- Els botons i formularis usen una mida còmoda?
- El contrast compleix accessibilitat bàsica?
- La tipografia encaixa amb el teu sector (més sobria en legal/salut, més propera en retail)?
Conclusió: la tipografia és part de la teva estratègia de conversió
Triar fonts no és tasca només del dissenyador: afecta directament quantes persones llegeixen el teu missatge, confien en la teva empresa i contacten. Inverteix unes hores a revisar tipografia, mides i jerarquia abans de llançar campanyes o redissenyar la teva secció hero: és un dels canvis amb millor relació esforç-resultat.
Vols un web on cada detall —inclosa la tipografia— treballi per captar clients? Contacta amb nosaltres i t'ajudem a definir una experiència clara, professional i orientada a la conversió.
