Você não precisa de uma definição de fonte complexa para entender o que é uma fonte variável. As fontes variáveis se comportam como várias fontes, permitindo que você ajuste o peso, a largura e a inclinação do tipo enquanto trabalha.
Mas as fontes variáveis são realmente úteis para designers ou um truque divertido, mas sem sentido? Aqui, damos uma olhada em como você pode usar fontes variáveis no Illustrator CC e como aplicá-las melhor em seu trabalho de design.
Em busca de fontes mais legais? Confira a grande variedade de estilos de exibição, serifas e sem serifas em ga-analytics#sendElementsClickEvent”>Envato Elements.
Primeiro, vamos responder à pergunta: o que é uma fonte variável?”
O que são fontes variáveis?
Uma fonte variável é um formato de fonte OpenType que inclui a tecnologia chamada Variações de fonte OpenType.
Desenvolvido em conjunto por quatro das empresas de tecnologia mais influentes—Google, Maçã, Microsofte Adobe—esses arquivos de fonte contêm uma grande quantidade de dados extras, em comparação com sua fonte OpenType média.
Uma fonte variável pode conter todo o conjunto de glifos de uma fonte ou glifos individuais com até 64.000 eixos de variação, incluindo espessura, largura, inclinação e, em alguns casos, estilos específicos, como Condensado, Negrito etc.
OK mas porquê?
Juntamente com a tecnologia Color Font, as fontes variáveis podem parecer um pouco inúteis para os não iniciados. Muitos tipógrafos argumentam que o processo de formatação manual de fontes é a maneira mais profissional e satisfatória de fazer as coisas.
No entanto, as fontes variáveis são uma progressão natural para o campo da tipografia, que reflete cada vez mais os desenvolvimentos no design responsivo da web. Os designers estão exigindo mais conveniência e interatividade de suas ferramentas de design, e as fontes que você pode ajustar com o rolar de um controle deslizante atendem a essa demanda.
As fontes variáveis oferecem flexibilidade e resultados imediatos, o que as torna uma novidade bem-vinda para o tipógrafo com pouco tempo.
Eles também são ótimos para ajustar a tipografia ‘ao vivo’. Então, se, por exemplo, você estiver mostrando a um cliente um design em uma tela, você pode ajustar a formatação de um cabeçalho diante de seus olhos instantaneamente.
Agora que você sabe o que são fontes variáveis, mostraremos onde encontrá-las.
Como faço para encontrar fontes variáveis?
Você pode usar uma gama limitada de fontes variáveis pré-instaladas em Adobe Illustrator CC e Adobe Photoshop CCIncluindo:
- Conceito Variável Acumina
- Conceito de Variável Minion
- Conceito de Inúmeras Variáveis
- Source Sans Variable
- Variável Serifada de Origem
- Variável do código-fonte
O Acumin Variable Concept pode ser uma das fontes variáveis mais populares, mas também considere designers de fontes independentes. Eles estão começando a lançar suas próprias fontes variáveis, embora muitas delas ainda estejam disponíveis apenas como protótipos. Confira Gingham, um sans serif mínimo de Christoph Koeberlin, ou Jabin, uma variação dos estilos góticos de Frida Medrano. Estas podem ser uma alternativa para Source Serif Variable ou Source Sans Variable.
Você também pode encontrar um site beta, v-fonts.com, que apresenta uma lista cada vez maior de novas fontes variáveis.
Como faço para usar fontes variáveis?
Aqui, veremos como usar fontes variáveis no Illustrator CC.
O processo é realmente fácil. Basta selecionar o Ferramenta Tipo (T) e arraste para criar um quadro de texto na página. Coloque o cursor no quadro e digite o texto.
Com o quadro selecionado ou o tipo realçado, escolha uma fonte variável no menu de fonte normal no Personagem painel (Janela > Tipo > Caractere).
Clique no pequeno símbolo de duplo T à direita do menu de espessura da fonte. Ao passar o mouse sobre o símbolo, você verá ‘Fonte Variável’ aparecem ao lado do seu cursor.
Clicar nele abre uma janela pop-up com controles deslizantes para ajustar três opções, detalhadas abaixo.
Peso
Ajustar esse controle deslizante faz com que o tipo pareça mais fino ou mais grosso. Dependendo da fonte variável, isso pode variar de ultrafino a muito pesado ou gordo.
Essa é uma ótima opção para brincar com o impacto visual de cabeçalhos ou subtítulos, permitindo que você defina a quantidade certa de negrito para o seu texto.
Observe que aumentar o peso da fonte também pode expandir a largura geral do texto, apenas devido ao aumento do tamanho de cada caractere.
Largura
Para dar ao seu tipo uma aparência condensada (ou achatada), ou esticá-lo para dar uma aparência mais ampla, ajuste o Largura slider.
Embora isso tenha um efeito estético em seu texto, também é um método realmente bacana para banir quaisquer órfãos ou viúvas perdidas em sua tipografia, se você não quiser gastar muito tempo ajustando o rastreamento ou o kerning manualmente.
Inclinação
Embora a aplicação de itálico falso ao texto seja muitas vezes considerada uma grande proibição em círculos tipográficos, o Inclinação slider realmente replica uma grande variedade de pesos itálicos autênticos.
Isso lhe dá a aparência profissional de itálicos reais, mas a ampla variedade de opções que muitas vezes você só pode obter aplicando itálicos falsos.
Onde devo usar fontes variáveis?
As fontes variáveis foram projetadas com o design da web em mente e são suportadas pelo Safari, Chrome, Edge e Firefox. A web é o lar natural para fontes variáveis porque elas são ajustadas exclusivamente para sites e aplicativos responsivos. Você pode brincar com diferentes fontes variáveis para ver como elas apareceriam online no site da Axis-Praxis.
Ao armazenar informações sobre várias famílias de fontes em apenas um arquivo de fonte, as fontes variáveis também oferecem uma solução de economia de espaço para web designers.
No entanto, as fontes variáveis também apresentam uma nova maneira empolgante de formatar a tipografia para designers de impressão. Como o ajuste das fontes é tão rápido e conveniente, eles economizam muito tempo para os designers de impressão enquanto trabalham em rascunhos.
Conclusão: as fontes variáveis são um truque ou vieram para ficar?
Para web designers, as fontes variáveis representam outro desenvolvimento empolgante na tipografia responsiva. Juntamente com as fontes coloridas, as fontes variáveis permitem que os web designers sejam mais flexíveis e criativos em seus designs, tornando a tipografia o ponto focal dos sites, e não uma mera necessidade.
Para designers de impressão, o júri ainda não decidiu se as fontes variáveis são úteis o suficiente para substituir a formatação tipográfica manual. Até que uma ampla variedade de fontes variáveis seja disponibilizada no software Adobe, parece improvável que elas substituam o método padrão de formatação de tipo para a maioria dos designers.
Procurando mais fontes excelentes? Confira a seleção de fontes em ga-analytics#sendElementsClickEvent”>Envato Elements, ou leia nossas listas editadas de algumas das melhores fontes disponíveis:
Se você quiser aprender mais, por que não experimentar nosso novo curso, Up and Running with Variable Fonts.
