Como funciona o visualizador de fontes
Ao digitar seu texto, ele é exibido em várias famílias tipográficas pré-definidas usando font-family no CSS. As fontes são renderizadas com aquelas já instaladas no seu dispositivo, o que elimina a necessidade de downloads e evita mudanças bruscas no layout.
Você também pode enviar arquivos de fontes nos formatos TTF, OTF ou WOFF, que são carregados apenas no seu navegador usando a API FontFace. Isso permite testar fontes personalizadas de forma rápida, sem expor os arquivos a servidores externos.
Limitações e diferenças de visualização
A renderização das fontes pode variar em relação a softwares de design, pois depende da combinação entre navegador e sistema operacional. Detalhes como suavização, peso e espaçamento podem não ser idênticos aos de programas como Figma ou Photoshop.
Somente fontes já presentes no seu dispositivo ou carregadas por você serão exibidas; fontes da web não incluídas nos stacks não são buscadas automaticamente. Recursos como fontes variáveis dependem do suporte do navegador, podendo não estar disponíveis em todas as situações.
Quando e por que usar o preview de fontes
Essa ferramenta é ideal para web designers e desenvolvedores que desejam comparar fontes do sistema ou testar arquivos antes de comprar ou implementar em projetos web. Permite experimentar diferentes pesos, tamanhos e estilos de fontes em tempo real, sem risco de exposição de dados.
O preview é útil para validar escolhas tipográficas, identificar possíveis problemas de legibilidade e verificar o comportamento de fontes variáveis, tudo de forma segura, local e gratuita.
Perguntas frequentes
Meu arquivo de fonte será enviado a algum servidor?
Não. O arquivo é carregado e processado apenas no seu navegador, sem qualquer transmissão para servidores. Sua privacidade está totalmente preservada.
Por que a mesma fonte aparece diferente no navegador e no meu software de design?
Isso ocorre porque cada navegador e sistema operacional utiliza algoritmos de renderização próprios. Aspectos como suavização e espaçamento podem variar, mas o preview reflete o que será visto pelos usuários finais na web.
Quantos pesos de fonte devo testar para uso típico na web?
Recomenda-se testar pelo menos os pesos 'normal' e 'bold'. Se suas fontes oferecem outros pesos intermediários, vale experimentá-los, pois nem todos os navegadores suportam variações avançadas.
O que causa o flash de texto sem estilo ao trocar fontes?
Esse fenômeno, conhecido como FOUT, acontece quando o navegador ainda está carregando ou aplicando a nova fonte. O ToolMole minimiza esse efeito ao usar fontes locais e carregamento instantâneo, mas pode ocorrer em certos casos.
Posso visualizar fontes variáveis e seus eixos?
Sim, se o navegador suportar fontes variáveis, você poderá visualizar e ajustar eixos disponíveis. Porém, nem todos os recursos podem estar acessíveis em todos os browsers.
Quais formatos de fontes são aceitos?
O ToolMole aceita arquivos nos formatos TTF, OTF e WOFF. O suporte ao WOFF2 depende do navegador, mas os formatos mais comuns funcionam sem problemas.
Problema ou sugestão para esta ferramenta? Conte para nós