FontMee — Descubra a fonte de um site, grátis

Como funciona

Três passos. Qualquer fonte, qualquer site.

Abra o painel

Clique no ícone do FontMee em qualquer site. O painel lateral abre ao lado da página, com mais de 1900 fontes prontas pra você navegar ou buscar — todo o catálogo do Google Fonts mais exclusividades do Fontshare como Satoshi e Clash Display, sem conta nem configuração.

Clique numa fonte

A página muda na hora, ao vivo, no seu navegador. Aplique em tudo, só nos títulos, só no corpo do texto, ou num elemento específico que você clicar — cada camada guarda sua própria fonte, então dá pra pré-visualizar uma combinação de título/corpo ao mesmo tempo.

Copie o CSS

Gostou? Um clique copia o CSS pronto pra colar — o @import e as regras de tudo que você aplicou — direto na sua própria folha de estilo, sem precisar reconstruir nada na mão.

Recursos

Tudo que você precisa, nada além.

Mais de 1900 fontes

Todo o catálogo do Google Fonts mais exclusividades do Fontshare como Satoshi e Clash Display.

Mire num elemento específico

Clique em "Escolher um elemento na página" e mire exatamente num botão, título, ou parágrafo.

Quatro camadas independentes

Tudo, Títulos, Corpo do texto, ou um Elemento — cada um guarda sua própria fonte.

Inspecione qualquer elemento

Passe o mouse sobre qualquer texto pra ver exatamente qual fonte, tamanho e peso está sendo exibido.

CSS pronto pra copiar

Um clique gera o import e as regras de tudo que você aplicou.

Importe suas próprias fontes

Traga as fontes de marca de um cliente ou fontes que você comprou, e pré-visualize ao vivo.

Ajuste cada camada NOVO

Controles deslizantes de peso, tamanho, altura da linha e espaço entre letras, ao vivo na página — e só com os pesos que a fonte realmente tem.

Veja e troque as fontes da página NOVO

Uma lista das fontes que a página realmente usa, com a parcela do texto de cada uma. Troque qualquer uma em todo lugar com um clique.

Pares prontos NOVO

32 pares título + texto que combinam bem, e sugestões para a fonte que você já escolheu.

Seu idioma, suas letras NOVO

Filtre por latim estendido, cirílico, grego ou vietnamita e veja a prévia do seu próprio texto — č, ć, š, ж, ω incluídos.

Exporte para projetos de verdade NOVO

CSS, variáveis CSS, Tailwind ou um trecho HTML — ou um ZIP para hospedar você mesmo com os arquivos de fonte, e seus visitantes nunca encostam no Google.

Imagem antes / depois NOVO

Um clique copia uma imagem da página lado a lado, com e sem a sua fonte. Pronta para mandar a um cliente.

Funciona com o painel fechado NOVO

Atalhos para Inspecionar, original / prévia e fonte aleatória. Inspecionar abre um cartão na página onde você ajusta tamanho e peso ao vivo.

Coleções e sincronização NOVO

Organize as fontes salvas em coleções, exporte ou importe suas combinações e, se quiser, sincronize entre seus dispositivos Chrome.

Bom saber antes de começar

Só pré-visualização: a fonte muda na sua tela, nunca para outros visitantes.
Latim, europeu central, cirílico, grego e vietnamita funcionam — escolha a escrita no painel. Texto árabe e asiático mantém a fonte original.
As fontes são buscadas no Google Fonts e no Fontshare quando você as pré-visualiza, então precisa de conexão com a internet.
Tudo é grátis e sem limites. Salve quantas fontes e combinações quiser, mantenha suas fontes em quantos sites quiser e importe também as suas próprias.
Pré-visualizar uma fonte não é uma licença. Confira a licença da fonte antes de usá-la em um site.

Perguntas frequentes

Respostas rápidas.

Extensões Chrome são pequenos programas que adicionam funções ao seu navegador — uma ferramenta de pré-visualização de fontes, um bloqueador de anúncios, uma ferramenta de captura de tela, e por aí vai. Você instala pela Chrome Web Store (chromewebstore.google.com): procure a que quer e clique em "Adicionar ao Chrome". Sem download separado, sem conta, sem arquivo pra rodar — ela aparece como um ícone na sua barra de ferramentas, ou como um painel lateral, igual o FontMee.

A maioria é gratuita pra instalar e usar, o FontMee incluído — mais de 1900 fontes, as quatro camadas, Inspecionar, Copiar CSS e até importar seus próprios arquivos de fonte funcionam sem pagamento nem conta. Algumas outras extensões daqui, como o Scrollshot, oferecem um upgrade Pro opcional com recursos extras — você só paga se realmente precisar.

Instale o FontMee pela Chrome Web Store, abra o painel lateral na página que quer testar, e clique em qualquer fonte da lista. A página ao vivo se atualiza na hora com seus títulos reais, seu layout e seu conteúdo — não uma frase de exemplo numa página em branco — pra você conseguir julgar de verdade antes de se comprometer com CSS.

Clique na ferramenta Inspecionar do FontMee (o ícone da lupa) e passe o mouse sobre qualquer texto da página — isso mostra na hora a família de fonte exata, o tamanho, o peso, o espaçamento entre linhas e entre letras que estão realmente sendo exibidos, sem precisar abrir as ferramentas de desenvolvedor do navegador nem ler o código-fonte da página.

Sim — o FontMee aplica qualquer uma das mais de 1900 fontes do Google Fonts e Fontshare direto na página ao vivo com um clique, sem CSS envolvido nessa etapa. Você só mexe na sua folha de estilo de verdade depois de decidir, usando o trecho de CSS pronto pra usar que o FontMee gera pra você.

Não — o FontMee só muda o que aparece na sua própria aba do navegador, temporariamente, e não mexe nos arquivos ou no banco de dados reais do site. Nada é reescrito, então não há nada pra desfazer ou quebrar; fechar a aba, recarregar, ou desativar a pré-visualização volta tudo ao normal na hora, tanto pra você quanto pra qualquer outro visitante.

Qualquer fonte.
Um clique.