- 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
OpenType-SVG é um formato de fonte no qual uma fonte OpenType tem todos ou apenas alguns de seus glifos representados como ilustração SVG (imagens vetoriais escalonáveis). Isso permite a exibição de várias cores e degradês em um único glifo. Por causa desses recursos, também nos referimos às fontes OpenType-SVG como “fontes coloridas”.
As fontes OpenType-SVG permitem que o texto seja exibido com essas qualidades gráficas sem impedir que ele seja editado, indexado ou pesquisado. Os textos também podem conter recursos OpenType que permitem a substituição de glifos ou estilos de glifos alternativos.
Fontes coloridas, como Trajan Color Concept e EmojiOne Color, serão exibidas como fontes comuns nos menus de fontes de seus programas, mas talvez não exibam todo o seu potencial, já que muitos programas ainda não oferecem total compatibilidade para os componentes de cores. Se o seu programa de software não for compatível com ilustrações SVG em fontes, os glifos serão exibidos em um estilo preto sólido. Ainda será possível aplicar cor a esse estilo substituto, porque ele funcionará como uma fonte OpenType comum.
Uso de fontes coloridas OpenType-SVG no Photoshop
O Photoshop (CC 2017 e versões mais recentes) oferece compatibilidade para fontes OpenType-SVG e vem com duas dessas fontes: Trajan Color e EmojiOne. A Trajan Color também está incluída para uso na Web e em desktop com sua associação à Creative Cloud.
Para usar fontes OpenType-SVG, siga estas etapas:
- Crie um parágrafo ou camada de tipo de texto de ponto.
- Defina a fonte como uma fonte OpenType-SVG. Essas fontes são marcadas com o ícone de OpenType-SVG:
- Use o teclado para digitar ou selecione glifos específicos no painel Glifos. Para exibir o painel Glifos, selecione Janela > Glifos.
Embora você possa digitar as letras usando fontes OpenType-SVG, a variedade completa de glifos alternativos está disponível somente no painel Glifos. A Trajan Color Concep, por exemplo, inclui 20 diferentes conjuntos estilísticos para cada caractere, como Silver, Copper, Steel Blue e Marble, cujo acesso requer o painel Glifos.
Se você converter uma camada de texto em uma forma editável (selecionando Texto > Converter em forma), os caracteres das fontes OpenType-SVG serão revertidos para o estilo substituto em preto e branco.
Uso de fontes coloridas OpenType-SVG no Illustrator
O Illustrator oferece compatibilidade para fontes OpenType-SVG, como a Trajan Color e a Emoji One Color. Você pode definir glifos específicos por meio do painel Glifos, assim como usar o painel para criar glifos compostos e experimentar outras variantes de caractere. Para obter mais informações sobre as fontes OpenType-SVG no Illustrator, consulte https://helpx.adobe.com/illustrator/using/fonts.html#OpenTypeSVGfonts.
Trajan Color Concept
A Trajan Color Concept é uma das fontes do Adobe Type Concepts: uma fonte concebida por meio de um processo de desenvolvimento ágil e com caracteres em escala reduzida para que possamos disponibilizá-las antecipadamente a clientes inovadores para recebermos feedback à medida que ampliamos o projeto.
A Trajan Color Concept permite que você escolha entre várias cores e texturas diferentes (19). O uso de tantas ilustrações SVG detalhadas para criar diferentes combinações de cores nos 20 conjuntos estilísticos aumenta o tamanho geral do arquivo. (Se isso faz parecer muito difícil usá-la, você está certo. Esse é um dos motivos pelos quais a Trajan Color ainda é considerada uma fonte conceitual.)
O estilo de cor padrão (Gold) e os primeiros 18 conjuntos estilísticos OpenType na Trajan Color Concept constituem todas as opções multicoloridas disponíveis na fonte. O estilo substituto, visto em aplicativos que ainda não oferecem compatibilidade para os recursos de cores OpenType-SVG, é idêntico ao conjunto estilístico 20.
EmojiOne Color
As fontes Emoji são um exemplo de OpenType-SVG. Com as fontes Emoji, você pode incluir nos documentos diversos caracteres coloridos e gráficos, como sorrisos, bandeiras, placas de sinalização, animais, pessoas, alimentos e marcas. As fontes de emoji OpenType-SVG, como a EmojiOne, permitem que você crie determinados glifos compostos usando um ou mais glifos diferentes. Por exemplo, você pode criar bandeiras de país ou alterar a cor da pele de determinados glifos para retratar pessoas e partes do corpo, como mão e nariz.
A EmojiOne Color é uma fonte colorida de código aberto desenvolvida pela Adobe com base na ilustração EmojiOne criada por Denis Denz e produzida por Rick Moby. Essa fonte contém todos os emojis em Unicode 9.0 e oferece compatibilidade com emojis ZWJ, emojis com variedade de tons de pele e emojis de bandeira de país.
Os caracteres em uma fonte de emoji, como a EmojiOne, são diferentes das letras no teclado. Eles só podem ser inseridos por meio do painel Glifos, pelo sistema operacional – Mapa de caracteres (Windows) e Caracteres (macOS) –, ou copiando o texto de uma página online como emojicopy.com.
Observações:
- Você também pode abrir o painel Glifos ao selecionar Janela > Área de trabalho > Gráfico e Web e clicar na guia Glifos.
- Os emojis usados recentemente são exibidos na linha superior do painel Glifos.
No Photoshop, você pode inserir uma sequência de glifos EmojiOne para produzir outros glifos. Por exemplo, você pode criar bandeiras de país ou alterar a cor da pele de caracteres que representam uma pessoa ou parte do corpo. (Isso não funcionará em um emoji de duas ou mais pessoas.)
Criar bandeiras de país As letras circulares (A, B, C, D e assim por diante) na EmojiOne não correspondem às teclas do teclado. Quando você insere esses caracteres pelo painel Glifos para compor o código ISO de um país, os dois caracteres criam a bandeira daquele país. Por exemplo, a combinação US cria a bandeira dos Estados Unidos, GB da Grã-Bretanha, AR da Argentina, IN da Índia etc. A lista completa de códigos é definida pelo ISO 3166-1.
Criar variantes de caractere Combine caracteres padrão de uma única pessoa ou de partes do corpo com qualquer um dos cinco tons de pele da escala de Fitzpatrick disponíveis (GIDs 356 a 360). O caractere padrão original é substituído por um que corresponda ao tom de pele. Essas combinações não funcionam com os glifos que têm mais de uma pessoa.
Observações:
- Os caracteres padrão que representam uma única pessoa ou os emojis de partes do corpo podem ser combinados com qualquer um dos caracteres de cor de pele apenas uma vez.
- As sequências de glifos são um recurso da fonte. Nem todas as fontes OpenType-SVG permitem combinar vários caracteres para formar um único glifo.
Uso de fontes OpenType-SVG com CSS
As fontes OpenType-SVG contêm recursos que podem ser ativados via CSS, como outras fontes OpenType. Consulte Usar recursos OpenType e Sintaxe para recursos OpenType em CSS para ter uma visão geral sobre como acessar esses recursos.
Os outros estilos de cor da Trajan Color Concept, por exemplo, são configurados como recursos OpenType chamados de conjuntos estilísticos, que são numerados de 1 a 20 (ss01, ss02, ss03 etc.). Para aplicar um dos 20 conjuntos estilísticos ao texto definido em Trajan Color, você pode usar fonte-feature-settings:
.Trajan-gold { font-family: 'Trajan Color Concept';
font-feature-settings: "ss01"; }
.Trajan-silver { font-family: 'Trajan Color Concept';
font-feature-settings: "ss02"; }
Em navegadores que não oferecem compatibilidade para fontes OpenType-SVG, será exibido o estilo substituto (idêntico ao conjunto estilístico 20).
Ao adicionar fontes da Web OpenType-SVG ao seu site, lembre-se de que os arquivos podem ser maiores do que os das fontes OpenType simples, em virtude da adição da ilustração SVG associada a todos ou a apenas alguns dos glifos da fonte.
Aplicativos compatíveis com as fontes OpenType-SVG
- Photoshop, versão CC 2017 e posterior
- Illustrator
- Firefox, versão 32 e posterior
- Microsoft Edge, Windows 10 Anniversary Edition e superior
- No Windows 10, os componentes de plataforma DirectWrite e Direct2D oferecem compatibilidade com OpenType-SVG em qualquer aplicativo que use essas APIs.
Problemas conhecidos
Illustrator e InDesign
Você pode encontrar os seguintes problemas ao usar fontes coloridas OpenType-SVG no Illustrator ou no InDesign:
- Os glifos podem aparecer nas posições erradas após exportação para PDF ou SVG.
- Ao aplicar os efeitos Dimensionar, Girar ou Refletir em fontes SVG coloridas, os efeitos podem ser perdidos ou os caracteres podem se mover para longe de suas posições originais quando os contornos de glifo forem criados.
- Ao definir o texto verticalmente, as posições dos caracteres podem parecer diferentes após a exportação.
- Ao definir o texto em um posicionamento de caminho em espiral, a posição dos caracteres pode parecer incorreta.
As equipes de software estão trabalhando para corrigir esses problemas.
Outros recursos
Veja aqui alguns links para outras fontes de informações sobre como preparar e usar fontes OpenType-SVG:
- Detalhes e especificações referentes à tabela SVG em fontes OpenType-SVG:
https://www.microsoft.com/typography/otspec/svg.htm - Ferramentas e arquivos de exemplo para criar fontes OpenType-SVG:
https://github.com/adobe-type-tools/opentype-svg - https://pixelambacht.nl/chromacheck/ é uma página da Web que informa a compatibilidade do navegador com diferentes formatos de fonte colorida, inclusive OpenType-SVG. (O código-fonte encontra-se em https://github.com/RoelN/ChromaCheck)
- Uma discussão sobre preparação e uso de fontes OpenType-SVG no fórum TypeDrawers: http://typedrawers.com/discussion/comment/19442/
