Convencion tipografica española y fuentes en administraciones publicas
El texto de cuerpo web en España se establece generalmente entre 16 y 18px, con un interlineado de 1,5 para una lectura comoda en pantalla. Las administraciones publicas españolas utilizan Arial como fuente estandar en documentos oficiales por su disponibilidad universal en sistemas Windows. En proyectos web privados, la Tercera mayor (1.250) es el ratio mas usado en equipos de diseno español por ofrecer una jerarquia clara sin saltos excesivos entre niveles de titulo. Para sitios bilingues (castellano/catalan, castellano/euskera), la escala tipografica debe validarse en ambas versiones linguisticas, ya que la longitud media de las palabras varia y afecta al corte de linea.
Las configuraciones personalizadas de Tailwind CSS aceptan los valores generados directamente bajo la clave fontSize en tailwind.config.js. En la comunidad dev española, rem es la unidad preferida sobre px, por las mismas razones de accesibilidad que en el resto de Europa.
Ratios de escala comunes
| Ratio | Nombre | Recomendado para |
|---|---|---|
| 1.125 | Segunda mayor | Interfaces densas, paneles de datos |
| 1.250 | Tercera mayor | Aplicaciones, sistemas de diseno |
| 1.333 | Cuarta justa | Webs generalistas, blogs |
| 1.618 | Numero aureo | Editorial, landing pages, marketing |
Limites de las escalas tipograficas matematicas
Una escala matematica asegura proporciones coherentes , no garantiza armonia visual en todas las tipografias. Las fuentes con altura de x elevada (Inter, Roboto) parecen mas grandes al mismo valor en px que fuentes con altura de x reducida (Garamond). Prueba siempre la escala generada con la fuente real elegida, a distintos niveles de zoom. Los valores son un punto de partida; el ajuste optico fino sigue siendo parte del trabajo tipografico.
rem vs px en la comunidad dev española
La comunidad frontend española prefiere rem sobre px para tamanos de fuente: rem respeta el tamano de base configurado por el usuario en su navegador, un requisito de accesibilidad (WCAG 1.4.4 , Cambio de tamano del texto). Usa clamp(min, preferido, max) para escalado fluido: font-size: clamp(1rem, 2.5vw, 1.5rem).