Quer ver como outra fonte ficaria num site? O FontMee mostra pra você — na hora, direto na página. Escolha qualquer fonte entre mais de 1900 opções e veja a página mudar na sua frente, com o texto real da página, não uma frase de exemplo.
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.
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.
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.
Todo o catálogo do Google Fonts mais exclusividades do Fontshare como Satoshi e Clash Display.
Clique em "Escolher um elemento na página" e mire exatamente num botão, título, ou parágrafo.
Tudo, Títulos, Corpo do texto, ou um Elemento — cada um guarda sua própria fonte.
Passe o mouse sobre qualquer texto pra ver exatamente qual fonte, tamanho e peso está sendo exibido.
Um clique gera o import e as regras de tudo que você aplicou.
Traga as fontes de marca de um cliente ou fontes que você comprou, e pré-visualize ao vivo.
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 e Copiar CSS funcionam tudo sem pagamento nem conta. Algumas extensões, o FontMee entre elas, oferecem um upgrade Pro opcional (uma compra única de US$ 14,99 aqui, sem assinatura) pra recursos extras, como importar seus próprios arquivos de fonte — 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.
O FontMee está disponível na Chrome Web Store — instale com um clique, ou conheça o resto da linha GetPlugzz.