Inicio de UXMagic
  • Funciones
  • Bibliotecas
  • Comunidad
  • Precios
  • Afiliados
  • Recursos
Inicio de UXMagic
Inicio de UXMagic

Bibliotecas

Comunidad
Precios
Afiliados

Recursos

Síguenos en:
  • Síguenos en Slack
  • Síguenos en Twitter
  • Síguenos en LinkedIn
  • Síguenos en YouTube
  • Síguenos en Instagram
Centro de ayuda
  • 🚀Primeros pasos
  • ✨Generar diseños
  • 🎨Diseñar y editar
    • Editar una pantalla
    • Editar con el chat
    • Temas y guías de estilo
    • Fuentes y tipografía
    • Imágenes en tus diseños
    • Versiones e historial
    • Variantes responsive y por dispositivo
    • Bibliotecas de componentes y sistemas de diseño
  • 📦Exportar y entregar
  • 🌐Publicar un sitio en producción
  • 🤝Compartir y colaborar
  • 🔌Integraciones y desarrollo
  • 💳Planes, créditos y facturación
  • 🛠Solución de problemas

¿Sigues atascado?

Nuestro equipo responde desde dentro del producto.

Contactar con soporte →
  1. Centro de ayuda/
  2. Diseñar y editar/
  3. Fuentes y tipografía

Fuentes y tipografía

Elegir tipografías, usar Google Fonts y qué hacer cuando un cambio de tipografía no aparece.

Última actualización: 27 de agosto de 2026

En esta página

  • Definir las tipografías
  • La escala tipográfica
  • Si un cambio de tipografía no aparece
  • Tipografías propias y con licencia

Definir las tipografías#

Las tipografías forman parte del tema. Pídelas por su nombre:

Usa Inter para el texto y Playfair Display para los titulares.

Las Google Fonts se admiten por nombre. Si nombras una tipografía que no está disponible, obtendrás la coincidencia razonable más próxima en lugar de una pantalla rota, así que si la precisión importa, confirma qué se ha aplicado realmente.

La escala tipográfica#

Puedes dirigir la escala con palabras:

Sube un tamaño los titulares y aprieta el interlineado. El texto de cuerpo es demasiado pequeño; súbelo a 17 px.

Si un cambio de tipografía no aparece#

Este es un tipo de problema conocido que conviene comprobar a conciencia: el tema puede actualizarse mientras la hoja de estilos que carga la tipografía no lo hace. Síntoma: el diseño dice que usa una tipografía que claramente no se está renderizando.

  1. Recarga el proyecto.
  2. Vuelve a aplicar el cambio de tipografía en el chat y mira el lienzo, no el resultado de la herramienta.
  3. Si sigue sin renderizarse, contacta con soporte con el enlace del proyecto y el nombre de la tipografía.

Tipografías propias y con licencia#

Hoy no se pueden subir directamente tipografías autoalojadas ni con licencia. La vía práctica es elegir la Google Font más parecida mientras diseñas y después cambiar a tu tipografía con licencia tras exportar: en Figma, en tu base de código o en el CSS del sitio publicado.

¿Te ha resultado útil este artículo?

Artículos relacionados

Temas y guías de estilo

Cómo funciona el tema del proyecto, cómo cambiarlo sin riesgo y por qué los colores no deben editarse pantalla por pantalla.

Mi guía de estilo o mi tema no se aplicó

Las pantallas se renderizan sin estilos o ignoran un cambio de tema: qué comprobar y qué enviarnos.

← AnteriorTemas y guías de estiloSiguiente →Imágenes en tus diseños

En esta página

  • Definir las tipografías
  • La escala tipográfica
  • Si un cambio de tipografía no aparece
  • Tipografías propias y con licencia

tu próxima idea
merece existir

deja de darle vueltas. solo escríbela. Mal, a medias, como sea. Nosotros la convertiremos en algo real.

Producto

  • Comunidad
  • Planes de precios
  • Programa de afiliados
  • UXMagic MCP
  • Claude MCP
  • Información para IA

Recursos

  • Centro de ayuda
  • Biblioteca de Figma
  • Biblioteca de React
  • Plantillas de apps móviles
  • Documentación
  • Tutoriales

Funciones

  • De prompt a UI
  • De imagen a UI
  • De boceto a UI
  • Clonar sitio web
  • Importar desde Figma
  • AI Wireframe Generator
  • AI Mockup Generator
  • AI Prototype Generator
  • AI Dashboard Generator
  • Todas las funciones

Comparar

  • vs UX Pilot
  • vs Relume
  • vs MagicPath
  • vs Magic Patterns
  • vs Banani
  • vs Galileo AI
  • vs v0
  • vs Lovable
  • vs Base44
  • Todos los competidores

Blogs

  • IA en el flujo de trabajo de diseño UX: lo que realmente funciona
  • Plantillas de prompts para dashboards SaaS
  • Prompts reales que usamos para generar flujos de producto
  • Prompt engineering para diseñadores UX
  • Las mejores herramientas de wireframing en 2026: 10 opciones gratuitas y de pago comparadas
  • Todos los blogs

Empresa y soporte

  • Empleo
  • Contáctanos
  • Política de privacidad
  • Términos de uso
  • Configuración de cookies
  • Síguenos en Slack
  • Síguenos en Twitter
  • Síguenos en LinkedIn
  • Síguenos en YouTube
  • Síguenos en Instagram

© 2026 UXMagic AI Technologies Inc.