visual.af

Guias do Affont

Como criar uma fonte no Affinity

O Affinity não exporta fontes sozinho, mas dá para criar uma tipografia completa e instalável sem sair dele. Este passo a passo leva você de um documento em branco até uma fonte OTF ou TTF pronta para digitar, usando o Affont.

Atualizado em:

Dá para criar fontes no Affinity?

Sozinho, não. O Affinity (o app gratuito Affinity 3 e os antigos Affinity Designer, Photo e Publisher) usa qualquer fonte instalada e converte texto em curvas, mas não tem como exportar um arquivo de fonte (OTF ou TTF).

O caminho tradicional era lento: exportar cada letra como um SVG separado, importar uma por uma num editor de fontes e depois escalar, alinhar e espaçar cada glifo à mão. Um alfabeto básico levava vários dias, fácil.

O Affont resolve isso. Ele adiciona dois scripts à «Biblioteca de scripts» do Affinity (um que cria o modelo da fonte e outro que envia suas letras) e um app para Windows e macOS que compila, instala e exporta a fonte. Você continua desenhando no Affinity, com todas as ferramentas dele.

O que você precisa

  • Affinity 3.3 ou mais recente no Windows ou no macOS. O app é gratuito; a versão 3.3 foi a que trouxe os scripts.
  • Affont para Windows 10/11 ou macOS 11+ (Apple Silicon e Intel). Pagamento único de $19, válido em 3 dispositivos.
  • Nenhum conhecimento de tipografia. O modelo já vem com as guias de linha de base, altura-x, altura das maiúsculas e espaçamento.
Passo 1

Instale o Affont e adicione os scripts ao Affinity

  1. Instale o Affont, abra o app e cole sua chave de licença.
  2. Na tela de boas-vindas, clique no botão que salva o Affont.afscripts.
  3. No Affinity, abra o painel «Biblioteca de scripts», abra o menu dele (▾) e escolha «Importar scripts…». Selecione o Affont.afscripts.
  4. Aparece uma categoria Affont com dois scripts: «Criar modelo» e «Enviar». Na primeira vez que você executar cada um, o Affinity pede para «Confiar e executar».

Isso é feito uma vez só. As atualizações do app não exigem importar os scripts de novo, a não ser que as notas da versão digam o contrário.

Passo 2

Crie o modelo da fonte

Execute o script «Criar modelo». Uma janela permite escolher:

  • Nome da fonte e do estilo, por exemplo “Brush Script” e “Regular”.
  • Conjunto de caracteres: Básico (A–Z, a–z, 0–9 e pontuação), Latino para inglês, espanhol e português, só maiúsculas, kana japonês ou apenas os seus extras.
  • Extras: qualquer caractere ou nome de glifo que você queira adicionar, como ñ, f_i (uma ligadura) ou a.alt1 (uma alternativa).
  • Métricas: ascendente, descendente, altura das maiúsculas e altura-x. Os valores padrão servem para a maioria dos desenhos.

O Affont monta uma grade com uma célula por caractere. Cada célula mostra as guias de linha de base e de altura, uma letra de referência bem clara e duas linhas rosa para o espaçamento. A camada do modelo fica bloqueada e, por cima dela, a camada «Suas letras» já está pronta para você desenhar.

Passo 3

Desenhe suas letras

Desenhe cada letra em cima da sua célula com o que preferir: a ferramenta Caneta, formas e operações booleanas, pincéis vetoriais, texto convertido em curvas ou arte colada. Não precisa expandir os traços, porque o Affont converte tudo em contornos na hora de enviar.

  • Uma forma pertence à célula que fica embaixo do centro dela, então você não precisa organizar nada em camadas.
  • Comece por n, o, H e O. Elas definem a espessura do traço e o ritmo de todo o resto.
  • Reaproveite partes: o n dá origem ao h, m e u; o o dá origem ao b, d, p e q.
  • Deixe as letras redondas (o, s, O) passarem um pouquinho da linha de base e da altura-x ou das maiúsculas. Isso se chama overshoot e faz com que elas pareçam do mesmo tamanho que as letras retas.
  • Texto que não foi convertido em curvas é ignorado, e o Affont avisa qual letra ficou de fora.
Passo 4

Ajuste o espaçamento

Cada célula tem duas linhas rosa, ·LSB e ·RSB (margens esquerda e direita). Arraste-as para definir quanto espaço cada letra ocupa. A distância entre elas vira a largura da letra na fonte.

Um método rápido: espace o n e o o até que “nnonoonn” fique uniforme e depois faça o mesmo com H e O para as maiúsculas. A maioria das outras letras tem lados parecidos com esses quatro.

Passo 5

Envie. Sua fonte já está instalada

Com o app do Affont aberto, execute o script «Enviar». O app compila a fonte com o fontTools, o mesmo motor de código aberto usado por ferramentas profissionais de fontes, e a instala para o seu usuário. Em poucos segundos ela aparece na lista de fontes do Affinity e em todos os outros programas.

Mude uma letra e envie de novo quantas vezes quiser. O Affont substitui a versão instalada, então você pode digitar com a sua fonte enquanto ainda está criando.

Passo 6

Dê o acabamento no app do Affont

  • Kerning: arraste uma letra na direção da outra num texto de exemplo. Também há grupos de kerning, kerning automático como ponto de partida e importação de métricas e kerning de outra fonte.
  • Ligaduras e alternativas: dê a uma célula o nome f_i ou a.alt1 e o Affont escreve os recursos OpenType (liga, salt, ss01…) para você.
  • Acentos: desenhe a letra base e o sinal, e o Affont monta á, à, â, ã, ä, ñ, ç e muitos outros automaticamente.
  • Editor de glifos: corrija nós e alças, una formas sobrepostas, espelhe ou transforme sem voltar ao Affinity.
  • Informações da fonte e famílias: designer, versão, licença e estilos extras (Bold, Italic…) reunidos numa mesma família.
Passo 7

Exporte em OTF, TTF ou WOFF2

  • OTF mantém as mesmas curvas cúbicas que você desenhou no Affinity. É a melhor escolha para programas de design.
  • TTF oferece a maior compatibilidade com programas mais antigos e alguns dispositivos.
  • WOFF2 é para sites.

Se você pintou as letras com várias cores ou degradês, o Affont também exporta uma fonte colorida (OpenType-SVG com reserva em COLR). Nos programas que não aceitam fontes coloridas, ela aparece em uma cor só.

Problemas comuns

  • Uma letra foi parar na célula errada: mova-a até que o centro dela fique sobre a célula certa.
  • Está faltando uma letra: confira se ela não é texto editável. Use Camada ▸ «Converter em curvas».
  • O «Enviar» não responde: o app do Affont precisa estar aberto. O script avisa quando não consegue se conectar a ele.
  • As letras parecem apertadas ou soltas demais: acerte primeiro as linhas rosa e use o kerning só para pares específicos, como AV, To ou LT.

Perguntas frequentes

Dá para criar uma fonte no Affinity Designer?

O Affinity não exporta arquivos de fonte sozinho. Com o Affont, você desenha as letras no Affinity 3.3 ou mais recente (o app que substituiu o Designer, o Photo e o Publisher) e recebe uma fonte OTF ou TTF instalada com um clique.

Existe um plugin do Affinity para criar fontes?

Sim. O Affont adiciona um script de modelo e um script de envio à «Biblioteca de scripts» do Affinity, além de um app para Windows e macOS que compila, instala e exporta a fonte.

Funciona com o Affinity 2?

Não. O Affont depende do sistema de scripts que chegou no Affinity 3.3. O Affinity 3 é um download gratuito para Windows e macOS.

Posso vender as fontes que eu criar?

Pode. As fontes são 100% suas: você pode vendê-las, usá-las em trabalhos para clientes ou distribuí-las de graça. O Affont não impõe nenhuma restrição.

Funciona no iPad?

Por enquanto, não. O Affont roda no Windows 10/11 e no macOS 11 ou mais recente.

Mais guias

  • Como criar sua própria fonte

    Do rascunho ou da sua letra a uma fonte de verdade: planeje os caracteres, desenhe, espace, teste e exporte. Com custos e licença explicados.

  • A alternativa ao Fontself para Affinity

    O Fontself Maker roda no Illustrator e no Photoshop, mas não no Affinity. Veja o que o Affont faz no Affinity, lado a lado.

  • Affont

    Affont para Windows e macOS. Pagamento único, 3 dispositivos e fontes ilimitadas, 100% suas.

Sua primeira fonte começa hoje.

Affont para Windows e macOS. Pagamento único, 3 dispositivos e fontes ilimitadas, 100% suas.

Comprar o Affont · $19