• Categorias
  • Recente
  • Tags
  • Popular
Collapse

Como adicionar fontes externas

Agendado Fixado Trancado Movido Maker
3 Posts 3 Posters 625 Visualizações
    • Mais Antigo para Mais Recente
    • Mais Recente para Mais Antigo
    • Mais Votados
Responder
  • Responder como tópico
Entre para responder
Este tópico foi deletado. Apenas usuários com privilégios de moderação de tópico podem vê-lo.
  • G Offline
    G Offline
    gabrieldev
    wrote on última edição por
    #1

    Olá pessoal, tudo bem?
    Queria saber como faz para adicionar fontes/tipografias novas no Maker5. Vi que ele tem as comuns do sistema no MasterSkin mas queria adicionar outras fora as que já existem. Poderiam me ajudar?

    1 Resposta Última resposta
    0
  • Fabrício SantanaF Offline
    Fabrício SantanaF Offline
    Fabrício Santana
    wrote on última edição por
    #2

    Boa tarde

    Para adicionar novas fontes ou tipografias no Maker 5 além das já disponíveis no MasterSkin, é possível seguir um processo simples e eficaz. Primeiramente, selecione as fontes desejadas e faça o download dos arquivos nos formatos suportados, como .ttf, .otf ou .woff. Em seguida, adicione esses arquivos ao projeto, preferencialmente em uma pasta específica, como resources/fonts, para facilitar a organização.

    Depois de inserir os arquivos no projeto, defina as fontes utilizando CSS. No arquivo de estilo da aplicação, utilize a regra @font-face para registrar as novas fontes, especificando o caminho para os arquivos, bem como os formatos suportados. Por exemplo:

    @font-face {
        font-family: 'NomeDaFonte';
        src: url('resources/fonts/nome_da_fonte.ttf') format('truetype');
    }
    

    Após a definição, aplique a nova fonte diretamente no MasterSkin ou em elementos específicos da aplicação, utilizando a propriedade font-family. Isso pode ser feito para o corpo da página ou para classes personalizadas, como no exemplo:

    body, .classe-personalizada {
        font-family: 'NomeDaFonte', sans-serif;
    }
    

    Depois de configurar as fontes, é importante realizar testes para verificar sua aplicação e renderização nos diferentes navegadores e dispositivos utilizados pelos usuários. Garanta que a fonte seja carregada corretamente e que a aparência esteja de acordo com o esperado.

    Por fim, tenha em mente alguns cuidados adicionais. Certifique-se de que as fontes sejam compatíveis com diferentes plataformas e otimizadas para a web, evitando problemas de carregamento ou lentidão na aplicação. Essa abordagem garantirá uma integração suave e profissional das novas tipografias ao projeto desenvolvido no Maker 5.

    1 Resposta Última resposta
    1
  • G Offline
    G Offline
    gabrieldev
    wrote on última edição por
    #3

    Deu certo! Muito obrigado!!

    1 Resposta Última resposta
    0

  • Login

  • Não tem uma conta? Cadastrar

  • Login or register to search.
  • Primeiro post
    Último post
0
  • Categorias
  • Recente
  • Tags
  • Popular
  • Login

  • Não tem uma conta? Cadastrar

  • Login or register to search.