- Guia do usuário do Adobe Fonts
- Introdução
- Licenciamento de fontes
- Licenciamento de fontes
- Gerenciar sua conta
- Licenciamento para clientes da Creative Cloud para corporações
- Adicionar licenças de fonte à sua conta
- Remover fontes da biblioteca de assinaturas
- Adobe Fonts não disponível para Adobe IDs registradas na China
- Por que essas fontes não estão incluídas na minha associação à Creative Cloud?
- Remoção de fontes da Morisawa em setembro de 2021
- Obter e usar fontes
- Usar o Adobe Fonts em aplicativos da Creative Cloud
- Gerenciar suas fontes
- Resolver problemas de fontes ausentes em aplicativos de desktop
- Usar fontes no InDesign
- Fontes e tipografia
- Usar fontes da Web em documentos HTML5 Canvas
- Usar fontes no InCopy
- Usar fontes da Web no Muse
- Empacotar arquivos de fonte
- Guia de solução de problemas: adição de fontes
- As fontes adicionadas não aparecem no menu de fontes
- “Não foi possível adicionar uma ou mais fontes” ou “Uma fonte com este nome já está instalada”
- O que ocorre quando uma fonte que estou usando é atualizada pelo fornecedor?
- Web design e desenvolvimento
- Adicionar fontes ao seu site
- Guia de solução de problemas: adicionar fontes a um site
- Solução de problemas de fontes
- Usar fontes da Web em emails ou informativos HTML
- Usar fontes da Web em páginas aceleradas para dispositivos móveis (AMP)
- Seletores CSS
- Personalizar o desempenho das fontes da Web com configurações de exibição de fontes
- Códigos incorporados
- Subdivisão dinâmica e serviço de fontes da Web
- Eventos de fonte
- Por que minhas fontes da Web são de use.typekit.net?
- O site não consegue se conectar a use.typekit.net
- Usar fontes da Web com o CodePen
- Suporte a navegador e sistema operacional
- Domínios
- Usar fontes da Web no desenvolvimento local
- Política de segurança de conteúdo
- Imprimir fontes da Web
- Idiomas compatíveis e recursos OpenType
- Tecnologia de fontes
Os seletores CSS informam ao navegador onde aplicar as fontes da Web que você está usando, assim como a espessura e o estilo da fonte a serem usados no texto.
Usar nomes de família de fontes no CSS
A página de projetos da Web lista o nome da família de fontes CSS, a espessura numérica e o estilo de cada fonte presente no projeto. Clique no link “Editar projeto” para visualizar os detalhes de CSS de cada projeto.
Assim que incluir o código incorporado no documento, use esses nomes de família de fontes no CSS para aplicar as fontes ao texto. Por exemplo:
h1 {
font-family: "brandon-grotesque", sans-serif;
}
Especificar fontes substitutas
Se o navegador de um usuário não oferecer compatibilidade para fontes da Web ou elas não forem carregadas por algum motivo, serão usadas as fontes substitutas na pilha CSS.
A pilha de fontes deve conter pelo menos uma fonte substituta que esteja invariavelmente disponível nas plataformas (como Georgia ou Arial), seguida de um nome de família de fontes genérico (como serif ou sans-serif). Se não for possível encontrar a primeira fonte, o navegador tentará a segunda fonte e assim por diante.
Usar vários estilos e espessuras
Você pode especificar espessuras de fonte diferentes de “normal” e “negrito” usando valores numéricos de espessura de fonte no CSS. Na maioria das vezes, os valores numéricos correspondem a estas espessuras:
- 100 = fina
- 200 = extrafina
- 300 = leve
- 400 = regular, livro
- 500 = média
- 600 = seminegrito
- 700 = negrito
- 800 = pesada
- 900 = black
Você pode encontrar os valores numéricos para todas as fontes em seu projeto na página de projetos da Web.
Por exemplo, use este CSS para aplicar a espessura de fonte 700 ao elemento h1:
h1 {
font-weight: 700;
}
Usar nomes com variação específica no Internet Explorer 8
O Internet Explorer 8 carrega no máximo quatro espessuras por família. Se você usar duas espessuras muito próximas (por exemplo, 600 e 700), pode ser que apenas uma seja carregada corretamente. O Adobe Fonts fornece nomes de família de fontes com variação específica para essas versões do navegador, corrigindo esses erros.
O nome com variação específica deve ser adicionado no início de uma pilha font-family, conforme a necessidade, antes do nome principal da família:
#post-title {
font-family: "brandon-grotesque-n7","brandon-grotesque", sans-serif;
font-style: normal;
font-weight: 700;
}
Os nomes compreendem o nome normal da família de fontes, seguido de um hífen e de uma descrição da variação da fonte (ou FVD, font variation description). Por exemplo, o nome com variação específica da brandon-grotesque que contém a fonte com espessura 700 é brandon-grotesque-n7.
O nome variation-specific será indefinido nos navegadores que não apresentam esses problemas. Nesse caso, eles usarão o nome completo da família que vem em segundo lugar na pilha.
A maioria dos usuários não precisará usar esses outros nomes de família de fontes. Você só precisará adicioná-los se observar problemas na exibição correta das fontes especificamente no Internet Explorer 8.
