ImageConver

Fontes gratuitas – principais sites, visualizações ao vivo e como usá-las

Procure fontes confiáveis ​​em fontes gratuitas, teste visualizações ao vivo, copie CSS limpo e aprenda a maneira correta de usar fontes da web. Coleções de código aberto, gratuitas para uso comercial e pessoal incluídas.

Fontes do Google

OFL

A maior biblioteca de código aberto com CDN global rápido, subconjuntos e fontes variáveis. Ideal para web e aplicativos. A maioria das famílias usa a licença SIL Open Font.

Fonte da WebVariávelComercial OK*
Visita

Fontshare (por ITF)

Livre

Fontes de qualidade oferecidas gratuitamente pela Indian Type Foundry. Famílias limpas, fácil incorporação de CDN e muitas opções variáveis.

Fonte da WebVariável
Visita

Esquilo de fonte

Comercial Gratuito

Diretório com curadoria focado em fontes gratuitas para uso comercial. Inclui um gerador de webfont para auto-hospedagem.

Comercial OK*Gerador
Visita

A Liga do Tipo Móvel

OFL

Fundição clássica de código aberto com famílias atemporais como League Spartan e Raleway. Ótimo para branding e editorial.

Código abertoMarca
Visita

Veludoyne

OFL

Fontes experimentais de código aberto com estilos de exibição distintos. Perfeito para pôsteres, cultura e trabalhos criativos.

MostrarExperimental
Visita

Coletivo

OFL

Fundição comunitária que lança fontes gratuitas de alta qualidade sob licenças abertas. Fortes opções editoriais e de exibição.

Código abertoEditorial
Visita

Fundição Aberta

OFL

Índice de fontes de código aberto com curadoria, ferramentas de teste e apresentação centrada no design. Ideal para descobrir famílias frescas.

Visita

1001 fontes

Licenças Mistas

Grande diretório com filtros para uso comercial gratuito. Leia a licença por família; muitos são apenas para uso pessoal.

Visita

DaFont

Uso pessoal

Arquivo enorme, ideal para projetos pessoais e inspiração. As licenças variam amplamente; verifique cada página de download.

Visita

Fontes de ícones (fonte incrível, ícones de materiais, ícone de remix)

Níveis gratuitos

Para ícones de UI usando um pipeline de fontes. Considere os sistemas modernos de ícones SVG, mas as fontes dos ícones continuam úteis para adições rápidas.

IUCDN
Fonte incrível Ícones de materiais Ícone de remix

Visualização ao vivo e snippets CSS

Apenas local – nada carregado
The quick brown fox jumps over the lazy dog. 0123456789
família de fontes: Inter, sans-serif; peso da fonte: 600;

Comparação de recursos (instantâneo)

As licenças variam de acordo com a família
Site Código aberto Comercial Gratuito Fontes Variáveis CDN/Fontes da Web Notas
Fontes do GoogleSimSim*SimSimMaior biblioteca, CDN rápido
Compartilhamento de fontesMisturadoSimMuitosSimFamílias modernas
Esquilo de fonteMisturadoSim*AlgunsGeradorCuradoria para uso comercial
Liga do tipo móvelSimSimAlgunsAuto-hospedeiroClássicos atemporais
VeludoyneSimSimAlgunsAuto-hospedeiroExibição experimental
DaFontNãoVariaAlgunsNãoÓtimo para projetos pessoais

Como usar fontes gratuitas na web

  1. Verifique a licença: OFL e outras licenças permissivas são melhores para projetos comerciais. Alguns sites listam fontes somente para uso pessoal.
  2. Escolha a entrega: link CDN para velocidade ou auto-hospedagem com @font-face para controle e privacidade.
  3. Pré-carregue fontes críticas para o seu texto principal se o CLS for uma preocupação; defina pilhas de fallback para evitar flashes.
  4. Prefira fontes variáveis ​​quando disponíveis para reduzir solicitações e obter pesos flexíveis.

Exemplo de CDN

<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
<style>
  body{ font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; }
</style>

Exemplo de auto-host

@font-face{
  font-family: "MyFont";
  src: url("/fonts/MyFont-Variable.woff2") format("woff2");
  font-display: swap;
}
body{ font-family: "MyFont", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; }

* Sempre verifique a licença de cada família no site de origem.

Perguntas frequentes

As fontes do Google são gratuitas para uso comercial?

A maioria é lançada sob OFL e é gratuita para uso comercial. Confirme a licença em cada página de família.

Devo usar fontes de ícones ou ícones SVG?

Os ícones SVG são mais flexíveis para aplicativos modernos. As fontes de ícones continuam úteis para configurações rápidas ou pipelines legados.

As fontes da web afetam a velocidade do site?

Sim. Usar exibição de fonte: troca, subconjunto sempre que possível e limite famílias e pesos.

Qual é a melhor fonte de uso geral?

Inter, Roboto e Source Sans 3 são versáteis. Combine com uma serifa como Merriweather ou Playfair para títulos.