Como usar Fontes da Web no seu projeto

1

Index

Statistiques

7,236 visites, 9,257 vues

Outils

Partager

License

This tutorial is licensed under CC BY 4.0. Please refer to the license text if you wish to reuse, share or remix the content contained within this tutorial.

Published on 6 Apr, 2014. Last updated 25 Feb, 2019

Visualizando no editor

Você também pode visualizar a fonte escolhida no editor do Construct 2. Para fazer isso, você precisa instalar a fonte no seu computador.

Primeiro adicione a fonte para uma coleção em Google Web Fonts clicando Add Flavors to your collection. Agora você pode fazer o download da fonte clicandoDownload your collection. Um link irá aparecer permitindo que você baixe um arquivo zip com a fonte dentro.

Clique duas vezes no arquivo zip baixado e Windows deve abrir uma visualização da fonte. Também deve haver uma opção para instalar a fonte. A imagem abaixo mostra o botão de instalação no Windows 7, que você pode clicar para instalar a fonte para no seu computador.

Agora Reinicie o Construct. Agora voce pode escolher o tipo de letra na caixa de dialogo para o Text object

Observe também por razões técnicas nem todos os formatos de fonte são suportados. Você pode ver uma mensagem no editor que a fonte não é suportado. Se assim for, não se preocupe - contanto que ele exibe OK no navegador vai funcionar para todos uma vez que você exportar o seu jogo.

Tempo de carregamento de fontes da Web

Um problema com fontes da web é, uma vez que são descarregadas, pode haver atraso de um ou dois segundos antes da fonte está pronto para ser utilizada. Enquanto isso, o navegador irá ou exibir uma fonte diferente, ou nada. Isso pode fazer o texto parecer cintilar momentaneamente.

A boa notícia é a fonte é armazenada em cache para que, da próxima vez ela carrege quase que instantaneamente - há apenas um atraso a primeira vez que a fonte é baixada.

No entanto, você pode contornar isso por carregar todas as fontes da web na inicialização. Para cada tipo de letra web que você usa em um projeto, adicionar um text object para o seu primeiro layout e usar a ação para definir a fonte no carregamento. Faça o texto ficar escondido para que ele nunca apareça - é só carregar a fonte da web. As telas de apresentação ou telas de título são ideais para isso. Se sua tela de apresentação ou telas de título usar uma fonte web, você pode colocar uma imagem em vez de fonte mesmo, ou introduzir um ou dois segundos de atraso para dar tempo para que as fontes carregem. Então, ninguém deve ver o texto antes das fontes estarem carregadas.

Isso é tudo que existe para ela - divertirta-se com suas fontes!

  • 0 Comments

Want to leave a comment? Login or Register an account!