design

Fontes dos Stories do Instagram: como usar + desbloquear a fonte secreta!

Blog
Por Melissa
23 de agosto de 2024

Você conhece todas as fontes dos stories do Instagram?

Estava pesquisando sobre as fontes e como reproduzir elas no Photoshop para criar anúncios em formatos feed e stories que pareçam orgânicos criados diretamente no Instagram.

Afinal, criar anúncios que simulam posts orgânicos é uma das estratégias que utilizamos para testar a performance dos anúncios criados para as empresas clientes da agência.

Quando os anúncios parecem orgânicos, o próprio Meta pode valorizar mais e entregar o anúncio para mais pessoas, gerando, consequentemente, mais conversões.

Como, por exemplo, um dos nossos clientes, a InvestSmart Ponta Grossa, num período de 3 meses deste ano (maio, junho e julho) gerou o triplo de conversões em um post que simulava uma caixinha de perguntas.

Conheça abaixo todas as 9 fontes disponíveis dentro do Instagram e como baixar e utilizar fontes parecidas.

 

Todas as fontes dos stories do Instagram

São 9 fontes disponíveis e mais a fonte secreta! Ordem das fontes disponíveis nos stories do Instagram da esquerda para a direita:

Aplicação de fontes do Instagram Storis

  • Fonte 1: modern
  • Fonte 2: classic
  • Fonte 3: neon
  • Fonte 4: typewriter
  • Fonte 5: strong
  • Fonte 6: comic sans
  • Fonte 7: italic serif
  • Fonte 8: simple
  • Fonte 9: classic serif
  • Fonte 10 (secreta!): papyrus

 

Conheça um pouco mais sobre cada fonte dos stories do Instagram neste artigo.

 

Fontes dos stories do Instagram 1: modern

Imagem com o escrito "yard." utilizando a fonte 1 do stories do instagram: modern

Fonte similar gratuita: Dosis 

 

A primeira fonte disponível nos stories do Instagram é uma fonte sans serif um pouco mais fina e condensada.

A fonte Dosis é muito parecida caso você queira simular ela nos seus anúncios e é gratuita, então, pode usar sem preocupações!

Se quiser simular o uso de caixa com a fonte igual no próprio Instagram, então use bordas levemente arredondadas com uma margem de segurança grande e diminua a opacidade da caixa/retângulo.

Fontes dos stories do Instagram 2: classic

Imagem com o escrito "yard." utilizando a fonte 2 do instagram: classic

Fonte similar gratuita: San Francisco bold 

 

A segunda fonte dos stories do Instagram é uma fonte sans serif, no entanto, mais grossa e não tão comprimida.

A fonte San Francisco bold é muito similar a fonte Classic e é gratuita para uso comercial, então, pode usar!

Se quiser simular o uso de caixa com ela, utilize as bordas levemente arredondadas da caixa e uma margem de segurança grande, enquanto deixa a opacidade da caixa em 100%.

 

Fontes dos stories do Instagram 3: neon

Imagem com o escrito "yard." utilizando a fonte 3 do instagram: neon

Fonte similar não gratuita para uso comercial: Cosmopolitan

 

A fonte Cosmopolitan é muito similar a fonte Neon, porém, não é gratuita para uso comercial.

Ela fica em um tamanho menor no Instagram, mas você pode aumentar conforme sua necessidade.

Para simular a fonte disponível nos stories do Instagram, neste caso, não utilize a caixa ou retângulo para dar contraste ao que está escrito.

Nesta fonte, portanto, utilize a opção brilho externo na cor escolhida.

Uma sugestão de configurações de brilho externo é: opacidade 43%, sem ruído, técnica precisa, expansão 15%, tamanho 18px, escala 100% e tremulação 100%.

Porém, você pode adaptar as configurações conforme o tamanho do seu arquivo.

Aqui abaixo está o exemplo de como deixei a configuração utilizando a fonte Cosmopolitan.

Ficou igualzinho, não é?!

Configuração de brilho externo do photoshop para simular a fonte neon dos stories do instagram

 

Fontes dos stories do Instagram 4: typewriter

Imagem com o escrito "yard." utilizando a fonte 4 do instagram: typewriter

Fonte gratuita pelo adobe: Courier

 

A fonte Typewriter é o que o próprio nome traduzido diz: uma fonte que simula a máquina de escrever.

A fonte disponível nos stories do Instagram é uma fonte serifada com as serifas um pouco arredondadas.

Uma fonte parecida é a fonte Courier, que é disponível gratuitamente pela Adobe.

Para simular o uso da caixa dessa fonte, deixe as bordas retas do retângulo e sem margem na lateral esquerda, uma margem pequena embaixo do texto e bem maior na parte de cima.

Por último, deixe a opacidade do retângulo em 100%.

Lado a lado a comparação da fonte typewriter do instagram do lado esquerdo e a fonte courier do lado direito.

Do lado esquerdo é a fonte Typewriter do Instagram e, ao lado direito, a fonte Courier regular com o retângulo abaixo.

Dá para perceber que a fonte do Instagram é um pouco mais grossa como se fosse em negrito, mas achei que a versão regular da Courier fica mais parecida do que a Courier bold, por exemplo.

 

Fontes dos stories do Instagram 5: strong

Imagem com o escrito "yard." utilizando a fonte 5 do instagram: strong

Fonte gratuita para uso comercial pelo Google: Roboto black italic

 

A fonte Strong é uma fonte sans serif em itálico e em um negrito mais grosso, que chamamos de black.

Uma fonte mais parecida é a fonte Helvetica Neue black italic, mas ela não é gratuita para uso comercial.

Já a fonte Roboto black italic fica parecida também e é disponível para uso gratuito pelo Google Fonts.

A fonte dos stories do Instagram não possui caixa, mas sim fundos em duas cores.

Ou seja, ela funciona como se estivesse triplicada e movida para baixo e para a direita as cópias.

Minha sugestão ao utilizar essa fonte é tentar replicar antes no Instagram como ela ficaria e tentar reproduzir a cor e espaçamento das cópias.

Portanto, para deixar a Roboto mais próxima da fonte Strong, redimensione verticalmente a fonte em 90% para achatar a altura dela.

Comparativo entre as fontes Strong do stories instagram e as fontes Roboto black italic e Helvetica Neue black italic Configurações do photoshop para o caractere com o redimensionamento vertical em 90%

A fonte Strong é um pouco mais grossa que a Roboto black e mais achatada.

Você pode tentar reduzir um pouco mais a porcentagem do redimensionamento vertical para adaptar, por exemplo.

 

Fontes dos stories do Instagram 6: comic sans

Imagem com o escrito "yard." utilizando a fonte 6 do instagram: comic sans

Fonte disponível gratuitamente para uso comercial: comic sans

 

A fonte 6 dos stories do Instagram é parecida com a clássica Comic Sans, uma fonte mais arredondada, informal e sans serif.

Olhando a fonte no comparativo abaixo, podemos perceber que a fonte é diferente da Comic Sans, mas tem os mesmos padrões, como não ter serifa e ser mais arredondada.

A fonte costuma vir já instalada no computador e é gratuita para uso comercial.

Porém, como seu formato costuma representar algo mais informal não é o ideal para anúncios de empresas.

O uso de caixa embaixo da fonte é sempre um mesmo formato de brush um pouco inclinado e com opacidade 100%.

Comparativo ao lado esquerdo a fonte 6 do stories do instagram e ao lado direito a fonte Comic Sans

Na comparação, por exemplo, dá para perceber as diferenças entre a fonte 6 dos stories do Instagram e a fonte Comic Sans.

Principalmente no Y e no R podemos perceber que o do Instagram é ainda mais arredondado, e o R não possui a ponta “quebrada”.

 

Fontes dos stories do instagram 7: italic serif

Imagem com o escrito "yard." utilizando a fonte 7 do instagram: italic serif

Fonte similar não gratuita para uso comercial: Linotype Didot Italic

 

A fonte 7 dos stories do Instagram é uma fonte serifada em itálico.

A fonte Linotype Didot Italic é exatamente a mesma fonte usada no Instagram, porém, ela não é gratuita para uso comercial.

Para simular o uso da caixa na fonte, deixe uma margem de segurança em todos os lados.

Quando utilizada a caixa de fundo, a fonte fica sempre em maiúsculo.

A caixa é duplicada, as bordas são retas, com opacidade em 100%.

As pontas de cima e baixo são inclinadas. Então utilize a opção “perspectiva” para alterar a caixa desta forma, arrastando para a direita o ponto central.

Minha sugestão de ângulo para a perspectiva ficar similar é deixar em 14º.

Comparativo entre a fonte 7 italic serif dos stories do instagram ao lado esquerdo e a fonte Linotype Didot Pro italic no lado direito

 

Fontes dos stories do Instagram 8: simple

Imagem com o escrito "yard." utilizando a fonte 8 do instagram: simple

Fonte similar não gratuita para uso comercial: FF DIN

 

A fonte Simple dos stories do Instagram é uma fonte sem serifa e sempre utilizada em maiúsculo.

Uma fonte similar, mas que não é gratuita para uso comercial, é a FF DIN.

Para simular o uso da caixa nesta fonte, utilize sempre uma margem de segurança em todos os lados e deixe as bordas do retângulo bem arredondadas no máximo.

Em seguida, deixe a opacidade do retângulo em 100%.

 

Fontes dos stories do Instagram 9: classic serif

Imagem com o escrito "yard." utilizando a fonte 9 do instagram: classic serif

Fonte disponível gratuitamente para uso comercial: Times new roman cyr

 

A fonte 9 é uma fonte serifada clássica, como seu nome já diz.

Uma fonte similar a esta fonte e que é disponível gratuitamente para uso comercial é a Times New Roman Cyr.

Por ser uma fonte serifada e gratuita, então é indicada para usos mais formais.

Para simular o retângulo de caixa, deixe sempre uma margem de segurança de todos os lados, as bordas retas e a opacidade em 100%.

Comparativo ao lado esquerdo a fonte 9 do stories do instagram e ao lado direito a fonte Times New Roman Cyr

Dá para notar pequenas diferenças entre elas para quem tem o olhar mais afiado, contudo, são diferenças quase imperceptíveis.

 

Fonte 10: a fonte secreta!

Imagem com o escrito "yard." utilizando a fonte 10 do instagram: papyrus

A fonte Papyrus é a fonte secreta disponível nos stories do Instagram.

Para ativá-la, é só selecionar a fonte Comic Sans e escrever “papyrus” que a fonte se transforma automaticamente!

Porém essa também é uma fonte paga para uso comercial e seu uso é mais informal, portanto, é melhor ser evitada ao utilizar para anúncios que simulem orgânicos.

 

Conclusão

As fontes disponíveis nos stories do Instagram e outros recursos do aplicativo são boas formas de criar estratégias para testar seu anúncio em busca de melhor performance e mais conversões.

Para utilizar em anúncios que simulem feed e stories orgânicos, criados diretamente no Instagram, não utilize ou evite o uso das fontes 3 (neon), 7 (italic serif) e 8 (simple), pois não estão disponíveis para uso comercial.

Portanto, as melhores fontes para utilizar são: as fontes 2 (classic), 4 (typewriter), 5 (strong) e 9 (classic serif), que são fontes disponíveis para uso comercial.

Por fim, as fontes 2 (classic), 4 (typewriter), 5 (strong) e 9 (classic serif) utilizam caixas ou fundos com opacidade 100%, o que dá mais contraste entre a foto/fundo.

Já a fonte 6 (comic sans) e a fonte secreta 10 (papyrus) são fontes que são conhecidas por ser mais informal e engraçada, então, não é o ideal para criação de anúncios que pareçam orgânicos para empresas. 

Além disso, a fonte 1 (modern) se adequaria para situações específicas em que a opacidade menor da caixa não seja um problema.

 

Se você gosta de ler sobre fontes, leia o nosso artigo com 15 fontes grátis para photoshop.

 

Se você tem uma empresa e quer que profissionais cuidem desta área para você, fale com a yard.

Quero falar com um especialista yard.

Artigos Relacionados

design

Inteligência artificial do Photoshop: como aplicar no dia a dia

Autor Melissa
Como designer escuto muitos debates sobre se a inteligência artificial pode substituir o trabalho do designer que utilizam o Photoshop. Após ouvir inúmeras discussões no passado sobre como o Canva substituiria o designer, meu pensamento não é pessimista de acreditar nisso. A inteligência... Leia Mais
desenvolvimento de sites

Dicas para melhorar sua landing page no RD Station Marketing

Autor Alisson 10 minutos
Quer aprender a fazer landing pages profissionais no RD Station Marketing (Ou outro site builder)? Acha que a sua plataforma de criação de landing pages não te fornece recursos o suficiente e isso te limita? Oba, neste guia vou te entregar dicas de códigos e macetes para fazer suas landing... Leia Mais
design

Como criar Landing Pages

Autor Diluan Matos | 5 minutos
Quer saber como criar Landing Pages? Aqui você encontra o que precisa para saber como criar! O que é uma Landing Page? Uma Landing Page ou uma LP, para os mais íntimos, é em sua tradução literal uma página de aterrisagem para os usuários, ou seja, o primeiro local onde os usuários vão... Leia Mais