- 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
- Como usar fontes no Adobe Muse
- 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
- 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
O CodePen é um editor de código HTML, CSS e JavaScript online que permite que você experimente o código diretamente no navegador. Você pode usar fontes da Web personalizadas diretamente no Pen.
Escolher fontes para usar
Acompanhe o tutorial de fontes da Web para escolher algumas fontes e criar seu projeto da Web.
Adicionar o código incorporado ao Pen
O código incorporado pode ser adicionado à interface do CodePen no campo “Stuff for <head>” no menu de configurações do editor de HTML ou no menu “CSS > Add External”.
Para encontrar o código incorporado padrão de seu projeto, visite a página de projetos da Web e localize o nome do projeto. Copie e cole o código incorporado CSS padrão desse projeto em um desses locais.
Aplicar as fontes no seu CSS
Agora você pode usar o nome das famílias de fontes no editor CSS do Pen para que as fontes fiquem imediatamente visíveis na Visualização dinâmica.
O nome da família de fontes a ser usado no CSS também está listado no projeto da Web. Leia mais sobre o uso de fontes em CSS.
Bifurcar trabalhos do Pen
Os trabalhos públicos do Pen podem ser bifurcados para que outros usuários usem seu código como base. As fontes da Web também funcionarão na caneta bifurcada.
Excluir um projeto ou cancelar sua assinatura
Se você excluir o projeto que está usando no CodePen ou cancelar sua assinatura, as fontes não estarão mais disponíveis para nenhum dos trabalhos no Pen que usam esse código incorporado. Isso inclui seu trabalho original, bem como quaisquer trabalhos bifurcados a partir dele. As fontes substitutas especificadas no CSS serão aplicadas no lugar das fontes da Web personalizadas.