Antes de instalar
Font downloads commonly arrive as .ttf, .otf, .woff or .woff2 files. Desktop operating systems normally use TTF or OTF files. WOFF and WOFF2 are primarily webfont formats.
Passe de família para grupo, criador, glifo, emoji ou animação sem procurar num mapa do site.
Explorar todas as fontes →Ignore o jargão tipográfico. Comece pelo projeto e obtenha uma lista ordenada de fontes, direções de cor e orientação prática.
Encontrar fontes para o meu projeto →Compreenda instalação, licenciamento, formatos webfont e as decisões que fazem a tipografia funcionar na prática.
Abrir guia de instalação →Uma fonte que fica ótima com “Hamburgefonts” pode comportar-se de forma muito diferente no nome do produto, na navegação ou no texto.
Abrir o testador de fontes ao vivo →Instalar uma fonte é normalmente simples, mas os passos exatos dependem do dispositivo e da aplicação. Comece por extrair qualquer ficheiro ZIP e depois siga as instruções abaixo.
Font downloads commonly arrive as .ttf, .otf, .woff or .woff2 files. Desktop operating systems normally use TTF or OTF files. WOFF and WOFF2 are primarily webfont formats.
Se a fonte veio num ficheiro ZIP, clique com o botão direito e escolha Extrair tudo.
Faça duplo clique no ficheiro TTF ou OTF para o pré-visualizar.
Também pode clicar com o botão direito no ficheiro e escolher Instalar. Para disponibilizar a fonte a todos os utilizadores do PC, um administrador pode usar Instalar para todos os utilizadores.
As aplicações que já estavam abertas podem não detetar a nova fonte até serem reiniciadas.
Pode gerir as fontes instaladas em Definições → Personalização → Tipos de letra.
Abra o arquivo transferido se o macOS ainda não o tiver extraído.
Deverá abrir no Catálogo de Tipos de Letra.
O Catálogo de Tipos de Letra verifica e adiciona a fonte à sua biblioteca.
Se já tiver outra versão da mesma família, o Catálogo de Tipos de Letra pode ajudar a identificar duplicados ou problemas de validação.
Os menus exatos variam conforme a distribuição e o ambiente de trabalho. Uma abordagem comum por utilizador é:
mkdir -p ~/.local/share/fonts
cp YourFont.ttf ~/.local/share/fonts/
fc-cache -f -v
Alguns ambientes de trabalho também permitem abrir o ficheiro numa aplicação gráfica e selecionar Instalar.
O iOS e o iPadOS suportam fontes personalizadas, mas a instalação é mais controlada do que num computador. Normalmente são instaladas através de uma app da App Store que fornece fontes ou instala um perfil de configuração, e aplicações compatíveis podem depois utilizá-las.
Não instale um perfil de configuração desconhecido apenas para obter uma fonte. Os perfis podem incluir definições além da tipografia; use apenas um fornecedor de confiança.
O suporte Android varia bastante conforme o fabricante e a aplicação. Alguns telemóveis oferecem loja de fontes ou definições de tema, enquanto muitos não permitem que ficheiros TTF ou OTF arbitrários se tornem fontes do sistema sem ferramentas específicas ou alterações avançadas.
Para a maioria das pessoas, a via mais fiável é importar a fonte diretamente para uma aplicação de design, desenho, vídeo ou produtividade que suporte fontes personalizadas. Verifique as definições de fonte/importação da aplicação.
Se alojar a fonte e a licença permitir incorporação na web, WOFF2 é normalmente o formato de entrega mais útil.
@font-face {
font-family: "My Font";
src: url("/fonts/my-font.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
body {
font-family: "My Font", system-ui, sans-serif;
}
Use apenas os pesos e subconjuntos necessários. Isso reduz o peso da página e melhora o desempenho de renderização.
As aplicações de design no computador normalmente detetam fontes instaladas no sistema após reinício. As ferramentas no navegador variam: algumas usam um auxiliar no computador, outras aceitam carregamentos diretos em certos planos e outras fornecem apenas a sua própria biblioteca.
Se uma fonte instalada não aparecer, reinicie primeiro a aplicação, verifique nomes de família duplicados, confirme que o ficheiro é válido e que a aplicação suporta fontes personalizadas locais ou carregadas.