Página inicial da UXMagic
  • Funcionalidades
  • Bibliotecas
  • Comunidade
  • Preços
  • Afiliados
  • Recursos
Página inicial da UXMagic
Página inicial da UXMagic

Bibliotecas

Comunidade
Preços
Afiliados

Recursos

Siga a gente:
  • Siga a gente no Slack
  • Siga a gente no Twitter
  • Siga a gente no LinkedIn
  • Siga a gente no YouTube
  • Siga a gente no Instagram
Central de Ajuda
  • 🚀Primeiros passos
  • ✨Gerar designs
  • 🎨Projetar e editar
    • Editar uma tela
    • Editar pelo chat
    • Temas e guias de estilo
    • Fontes e tipografia
    • Imagens nos seus designs
    • Versões e histórico
    • Variantes responsivas e por dispositivo
    • Bibliotecas de componentes e sistemas de design
  • 📦Exportar e entregar
  • 🌐Publicar um site no ar
  • 🤝Compartilhar e colaborar
  • 🔌Integrações e desenvolvimento
  • 💳Planos, créditos e faturamento
  • 🛠Solução de problemas

Ainda travado?

Nosso time responde de dentro do produto.

Falar com o suporte →
  1. Central de Ajuda/
  2. Projetar e editar/
  3. Fontes e tipografia

Fontes e tipografia

Escolher fontes, usar o Google Fonts e o que fazer quando uma mudança de fonte não aparece.

Última atualização: 27 de agosto de 2026

Nesta página

  • Definir as fontes
  • A escala tipográfica
  • Se uma mudança de fonte não aparecer
  • Fontes próprias e licenciadas

Definir as fontes#

Fontes fazem parte do tema. Peça pelo nome:

Use Inter no texto corrido e Playfair Display nos títulos.

Google Fonts são aceitas pelo nome. Se você citar uma fonte indisponível, receberá a correspondência razoável mais próxima em vez de uma tela quebrada — então, se precisão importa, confirme o que de fato foi aplicado.

A escala tipográfica#

Você pode guiar a escala com palavras:

Suba um tamanho nos títulos e aperte a entrelinha. O texto corrido está pequeno demais — suba para 17 px.

Se uma mudança de fonte não aparecer#

É uma classe de problema conhecida que vale checar de propósito: o tema pode se atualizar enquanto a folha de estilo que carrega a fonte não. Sintoma: o design diz que usa uma fonte que claramente não está renderizando.

  1. Recarregue o projeto.
  2. Reaplique a mudança de fonte no chat e observe o canvas, não o resultado da ferramenta.
  3. Se ainda não renderizar, fale com o suporte com o link do projeto e o nome da fonte.

Fontes próprias e licenciadas#

Fontes auto-hospedadas ou licenciadas não podem ser enviadas hoje. O caminho prático é escolher a Google Font mais próxima enquanto projeta e depois trocar pela sua fonte licenciada após a exportação — no Figma, na sua base de código ou no CSS do site publicado.

Este artigo foi útil?

Artigos relacionados

Temas e guias de estilo

Como funciona o tema do projeto, como mudá-lo com segurança, e por que cores nunca devem ser editadas tela por tela.

Meu guia de estilo ou tema não foi aplicado

As telas renderizam sem estilo ou ignoram uma mudança de tema — o que checar e o que nos enviar.

← AnteriorTemas e guias de estiloPróximo →Imagens nos seus designs

Nesta página

  • Definir as fontes
  • A escala tipográfica
  • Se uma mudança de fonte não aparecer
  • Fontes próprias e licenciadas

sua próxima ideia
merece existir

pare de só pensar nela. escreva de qualquer jeito. Mal escrita, pela metade, tanto faz. A gente transforma em algo real.

Produto

  • Comunidade
  • Planos e preços
  • Programa de afiliados
  • UXMagic MCP
  • Claude MCP
  • Informações para IA

Recursos

  • Central de ajuda
  • Biblioteca Figma
  • Biblioteca React
  • Templates de apps mobile
  • Documentação
  • Tutoriais

Funcionalidades

  • De prompt para UI
  • De imagem para UI
  • De esboço para UI
  • Clonar site
  • Importar do Figma
  • AI Wireframe Generator
  • AI Mockup Generator
  • AI Prototype Generator
  • AI Dashboard Generator
  • Todas as funcionalidades

Comparar

  • vs UX Pilot
  • vs Relume
  • vs MagicPath
  • vs Magic Patterns
  • vs Banani
  • vs Galileo AI
  • vs v0
  • vs Lovable
  • vs Base44
  • Todos os concorrentes

Blogs

  • IA no fluxo de trabalho de UX design: o que funciona de verdade
  • Templates de prompt para dashboards SaaS
  • Prompts reais que usamos para gerar fluxos de produto
  • Engenharia de prompt para designers de UX
  • Melhores ferramentas de wireframe em 2026: 10 opções gratuitas e pagas comparadas
  • Todos os blogs

Empresa e suporte

  • Carreiras
  • Fale conosco
  • Política de privacidade
  • Termos de uso
  • Configurações de cookies
  • Siga a gente no Slack
  • Siga a gente no Twitter
  • Siga a gente no LinkedIn
  • Siga a gente no YouTube
  • Siga a gente no Instagram

© 2026 UXMagic AI Technologies Inc.