Skip to content
  • Categorias
  • Recente
  • Tags
  • Popular
Collapse
Brand Logo

  1. Fórum Maker
  2. Categorias
  3. Maker
  4. Como adicionar fontes externas

Como adicionar fontes externas

Agendado Fixado Trancado Movido Maker
3 Posts 3 Posters 670 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
    escreveu em ú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
      escreveu em ú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
        escreveu em última edição por
        #3

        Deu certo! Muito obrigado!!

        1 Resposta Última resposta
        0
        Responder
        • Responder como tópico
        Entre para responder
        • Mais Antigo para Mais Recente
        • Mais Recente para Mais Antigo
        • Mais Votados


        • Login

        • Não tem uma conta? Cadastrar

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