# Fuentes sans serif limpias para interfaces de apps > Familias sans serif de licencia abierta que se leen con claridad en botones, menús, tablas y pantallas de ajustes, con los pesos que necesita una interfaz. Una interfaz exige más a una tipografía que un titular. Casi todo su texto es breve y pequeño: etiquetas de 12 o 13 píxeles, celdas de tablas, líneas de ayuda bajo un campo. A esos tamaños importan las aperturas abiertas en letras como la a, la e y la s, una altura de x generosa y cifras fáciles de distinguir. Una I mayúscula, una l minúscula y el número 1 no deberían parecerse en un campo de contraseña. El rango de pesos importa casi tanto. Un producto suele necesitar un peso regular para el texto corrido, uno medium o semibold para los botones y uno bold para destacar, con la diferencia suficiente para notarse de un vistazo. Las familias con un eje de peso variable permiten elegir valores exactos en lugar de conformarse con el estilo con nombre más cercano. Las cursivas son menos importantes en las interfaces que en los artículos, así que aquí figuran algunas familias solo en redonda, indicadas como tales. Si tu producto se publica en varios idiomas, revisa la cobertura de sistemas de escritura que se anota junto a cada familia antes de decidirte. How these were chosen: Familias sans serif etiquetadas para interfaces que ofrecen al menos cuatro pesos; la nota de cada una indica qué consta en su ficha sobre cursivas, ejes y sistemas de escritura. ## Fonts (18) - [Inter](https://trendhub.net/es/fonts/inter.markdown) (Sans Serif, 18 estilos · variable, OFL): Dibujada para pantallas, con nueve pesos, cursivas y un eje de tamaño óptico que ajusta las letras entre los usos pequeños y los grandes. - [Roboto](https://trendhub.net/es/fonts/roboto.markdown) (Sans Serif, 18 estilos · variable, OFL): Nueve pesos con cursivas y un eje de anchura, de modo que una sola familia cubre tablas densas, texto corrido y títulos grandes. - [Figtree](https://trendhub.net/es/fonts/figtree.markdown) (Sans Serif, 14 estilos · variable, OFL): Pensada para apps web y móviles: siete pesos de Light a Black con cursivas en un único eje variable. - [DM Sans](https://trendhub.net/es/fonts/dm-sans.markdown) (Sans Serif, 18 estilos · variable, OFL): Letras geométricas de bajo contraste con un eje de tamaño óptico de 9 a 40, válido tanto para etiquetas como para titulares. - [Plus Jakarta Sans](https://trendhub.net/es/fonts/plus-jakarta-sans.markdown) (Sans Serif, 14 estilos · variable, OFL): Los espacios interiores abiertos y una minúscula algo alta mantienen legibles las etiquetas pequeñas; siete pesos de ExtraLight a ExtraBold con cursivas. - [Manrope](https://trendhub.net/es/fonts/manrope.markdown) (Sans Serif, 7 estilos · variable, OFL): Un eje de peso variable de ExtraLight a ExtraBold con cirílico y griego para productos multilingües; solo estilos en redonda. - [IBM Plex Sans](https://trendhub.net/es/fonts/ibm-plex-sans.markdown) (Sans Serif, 14 estilos · variable, OFL): Siete pesos con cursivas y un eje de anchura que estrecha las letras para paneles compactos. - [Source Sans 3](https://trendhub.net/es/fonts/source-sans-3.markdown) (Sans Serif, 16 estilos · variable, OFL): Diseñada como sans de interfaz: ocho pesos de ExtraLight a Black con cursivas, cirílico y griego. - [Work Sans](https://trendhub.net/es/fonts/work-sans.markdown) (Sans Serif, 18 estilos · variable, OFL): Ajustada para texto en pantalla de 14 a 48 píxeles, con nueve pesos variables y cursivas. - [Ubuntu](https://trendhub.net/es/fonts/ubuntu.markdown) (Sans Serif, 8 estilos, UFL): Creada para una interfaz de escritorio y con hinting manual para pantallas; cuatro pesos con cursivas. - [Nunito Sans](https://trendhub.net/es/fonts/nunito-sans.markdown) (Sans Serif, 16 estilos · variable, OFL): Cuatro ejes variables, entre ellos el tamaño óptico y la altura de las minúsculas, permiten ajustar la densidad sin cambiar de familia. - [Geist](https://trendhub.net/es/fonts/geist.markdown) (Sans Serif, 18 estilos · variable, OFL): Una minúscula alta y espacios interiores que siguen abiertos incluso en Black, de modo que las etiquetas gruesas se leen con claridad; nueve pesos con cursivas y cirílico. - [Public Sans](https://trendhub.net/es/fonts/public-sans.markdown) (Sans Serif, 18 estilos · variable, OFL): Una sans neutra creada para el sistema de diseño de un gobierno, en nueve pesos variables con cursivas. - [Onest](https://trendhub.net/es/fonts/onest.markdown) (Sans Serif, 9 estilos · variable, OFL): Se sitúa entre lo geométrico y lo humanista, con letras pensadas para distinguirse bien en textos de navegación pequeños; de Thin a Black con cirílico, solo estilos en redonda. - [Albert Sans](https://trendhub.net/es/fonts/albert-sans.markdown) (Sans Serif, 18 estilos · variable, OFL): Curvas casi circulares y trazos de grosor casi uniforme en nueve pesos con cursivas; solo latino, con las letras turcas y polacas completas. - [Be Vietnam Pro](https://trendhub.net/es/fonts/be-vietnam-pro.markdown) (Sans Serif, 18 estilos, OFL): Orientada a productos tecnológicos, con los diacríticos vietnamitas dibujados como prioridad; nueve pesos con cursivas en archivos estáticos. - [Hanken Grotesk](https://trendhub.net/es/fonts/hanken-grotesk.markdown) (Sans Serif, 18 estilos · variable, OFL): Nueve pesos variables con cursivas, ajustados para señalética, libros e interfaces. - [Wix Madefor Text](https://trendhub.net/es/fonts/wix-madefor-text.markdown) (Sans Serif, 10 estilos · variable, OFL): La versión de texto de un sistema tipográfico de producto, pensada para interfaces: cinco pesos con cursivas y cirílico. ## FAQs ### ¿Puedo incluir estas fuentes en una app comercial? Todas las familias de esta lista tienen una licencia abierta, en la mayoría de los casos la SIL Open Font License, que permite el uso en productos comerciales y la incorporación en apps. El texto de la licencia viene con cada descarga; lee la página de la familia que elijas para conocer sus condiciones exactas. ### ¿Una interfaz debe usar una fuente variable o archivos estáticos? Un archivo variable ofrece todos los pesos en una sola descarga y permite fijar valores intermedios, algo útil cuando un sistema de diseño necesita un 450 o un 550. Los archivos estáticos siguen siendo una buena opción si solo usas dos o tres pesos. ### ¿Necesito cursivas para el texto de la interfaz? Rara vez. Las interfaces recurren al peso y al color para destacar. La cursiva resulta útil cuando el producto muestra contenido extenso, como artículos o documentación, dentro de la misma familia tipográfica. ### ¿Cómo combino una sans de interfaz con una fuente de código? Varias de las familias de esta lista tienen una versión monoespaciada dibujada con las mismas proporciones. Usarla mantiene la coherencia de alturas y grosor de trazo entre el texto y el código. ## Related collections - [Fuentes sans serif grotescas](https://trendhub.net/es/fonts/for/grotesque-sans-serif-fonts.markdown) - [Fuentes sans serif humanistas para texto legible](https://trendhub.net/es/fonts/for/humanist-sans-serif-fonts.markdown) - [Fuentes sans serif estrechas para tablas y maquetaciones ajustadas](https://trendhub.net/es/fonts/for/narrow-fonts-for-tight-layouts.markdown) - [Fuentes monoespaciadas para programar](https://trendhub.net/es/fonts/for/monospace-fonts-for-coding.markdown) - [Fuentes variables con eje de tamaño óptico](https://trendhub.net/es/fonts/for/variable-fonts-with-optical-size.markdown) - [Fuentes sans serif cuadradas para interfaces tecnológicas y de videojuegos](https://trendhub.net/es/fonts/for/tech-and-game-interface-fonts.markdown) --- Source: https://trendhub.net/es/fonts/for/app-interface-fonts (trendhub)