font tester chrome

Testador de fontes - fontes facilitadas (extensão Chrome)

Testador de fontes sobre ↗️

Achando difícil escolher a fonte certa? Agora teste 1000 mais de tipos gratuitos do Google Fonte em seu site.

Fique melhor na tipografia do site usando esta extensão.

Agora você pode ir ao seu site, clicar na extensão, testar fontes e escolher o que você gosta junto com o código.

Download

Faça o download da extensão da Chrome Extension Store

ou

Você pode baixar a pasta distiática de lançamentos e carregá -la manualmente

O que há de novo ?

• Agora encontre as fontes de qualquer página da web.
• Visualizar fontes no suspensão.
• Fontes de ciclo usando teclas de seta.

Leia mais em Changelogs

Recursos do testador de fontes

✅ Teste 1000+ Fontes do Google
✅ Encontre tipos de fonte usados em qualquer página da web
✅ Visualizar fontes no suspensão
✅ Mova o modal em torno da página da web.
✅ Defina itálico, sublinhado, pesos, altura da linha etc.
✅ Defina o tamanho da fonte, filtro (usuários premium)
✅ Defina cor, espaçamento de cartas (usuários premium)
✅ Carregar fontes locais (usuários premium)
Mais no roteiro

Como usar o testador de fontes?

Para instruções completas e demonstração, leia os documentos

1. Vá para o Chrome Extensions Store e baixe o testador de fontes
2. Agora prenda a extensão do ícone de extensão do quebra -cabeça, localizado no canto superior direito.
3. Clique na extensão, aguarde alguns segundos para carregar no seu site.
4. Agora destaque um texto.
5. Selecione uma fonte.
6. Copie o código e use -o. Sim, é isso

Observação

Durante a seleção parcial do texto, as fontes aplicadas afetarão todo o texto entre os elementos, porque a inserção de elementos em torno da seleção pode afetar o estilo. No entanto, no futuro, podemos envolver um elemento em torno da seleção, com base no feedback do usuário.

Licença

Obtenha recursos avançados e mais

Tipo	Livre	Premium
Apoie o desenvolvimento de código aberto	? ️	?
Suporte prioritário - (prioridades seus pedidos de recurso, problemas)	apoio da comunidade	✅
Licença vitalícia (compra única)	? ️	✅
Atualizações grátis	❓️	✅
Carregue fontes locais		✅
Ajuste o tamanho da fonte		✅
Acesso antecipado aos próximos recursos		✅
Ajuste a cor da fonte		✅
Tema sombrio		✅
Extensão para Edge e Firefox		✅
Preço	Livre	Preço
Encomende agora!	-	Obter licença

---

Limitações atuais

• Não é possível executar o script no Chrome Extension Store, bloqueado por padrão
• Se o testador de fontes não abrir mesmo depois de clicar duas vezes em um site, registre um problema

Perguntas frequentes

Como testar fontes diferentes em uma página da web?

um. Você pode usar a extensão do testador de fontes para testar diferentes fontes em qualquer página da web.

Como posso encontrar as fontes usadas em uma página da web?

um. Você pode usar a extensão do testador de fontes para encontrar as fontes em qualquer página da web.

Como posso testar minhas fontes locais?

um. Você pode testar fontes locais comprando licença. Ele vem com mais recursos para ajudá -lo a testar diferentes tipografia.

Outras ferramentas gratuitas e de código aberto

• Páginas de destino impressionantes
• Visualização do Hover - Visualizar no Hover
• Django SaaS Boilerplate

Siga para atualizações e fonte aberta

• Twitter
• Github

Pilha de tecnologia

• Reactjs
• Tailwind CSS

Executando localmente

O manifest.json necessário para a extensão está localizado dentro da pasta pública.

Para carregar a extensão localmente. Vá para a extensão -> Carregar descompactar -> Ponto para a pasta Dist (a pasta de construção).

Para uso do desenvolvimento

 npm run build:dev

Isso ocorre porque a extensão exige apontar para a pasta Build, usando este comando, você não precisará reconstruir em todos os salvamentos.

Para o desenvolvimento, você também pode usar npm start , mas não poderá carregá -lo como extensão, mas como um aplicativo React.

Algumas notas importantes:

• A extensão se liga a um sombra, isso é para evitar o estilo de página que afeta o estilo do widget.