Carregue uma fonte personalizada para o seu tema

  • Versão de lançamento: Zurich
  • Atualizado 31 de jul. de 2025
  • 2 min. de leitura

    • Carregue e visualize até 10 famílias de fontes personalizadas e um número ilimitado de faces de fonte associadas em seu Construtor de temas tema.

    Antes de Iniciar

    Função necessária: administrador

    Por Que e Quando Desempenhar Esta Tarefa

    Uma família de fontes é um agrupamento de fontes que compartilham um design comum e podem incluir diferentes faces de fonte, como regular, negrito ou itálico. Por exemplo, Arial é uma família de fontes e, na família de fontes Arial, você pode encontrar fontes como Arial Regular, Ariel Negrito e Arial Italic.

    Carregue apenas uma família de fontes por vez. Construtor de temas ainda não é compatível com fontes de tipo variável.

    Importante:
    Carregue somente uma fonte que você tenha licença para usar. Dependendo do tamanho, as fontes personalizadas podem ajustar inadvertidamente a quantidade de texto na página. Sempre teste e visualize suas fontes antes de publicar seu tema em sua instância.

    Procedimento

    1. Navegar até Tudo > Estrutura do Now Experience > Temas > Construtor de temas.
      . Construtor de temas A página principal aparece na exibição da página inicial.
    2. Use a lista suspensa Página para selecionar a exibição da página do Editor.
      Figura 1. Lista suspensa de páginas
      Lista suspensa de páginas com Editor selecionado.
    3. Na lista suspensa Tema, selecione o tema que você deseja editar.
      . Estilos globais A guia é aberta automaticamente com o painel Visão geral exibido.
      Figura 2. Exibição da página do editor
      Exibição de exemplo da página do Editor.
    4. No painel Visão geral, navegue até a seção Tipografia e selecione Adicionar família de fontes personalizadas .
      Figura 3. Seção Tipografia do painel Visão geral
      Seção Topografia do painel Visão geral com Adicionar família de fontes personalizadas selecionada.
      Nota:
      Você também pode carregar uma fonte diretamente do painel Tipografia.
      Figura 4. Painel de tipografia
      Painel Tipografia de estilos globais.
      O modal Adicionar família de fontes personalizadas é exibido.
    5. Use uma das seguintes opções para carregar sua família de fontes personalizadas:
      • Selecione Procurar , escolha o arquivo de família de fontes personalizada no navegador de arquivos do computador e selecione Aberto .
      • Arraste o arquivo de fonte personalizada do navegador de arquivos do seu computador e solte o arquivo diretamente no modal.
      Nota:
      Certifique-se de que o arquivo da família de fontes atenda às diretrizes a seguir ou se o arquivo não foi salvo.
      • Menos de 2 MB
      • Formato WOFF, TTF ou ZIP
      Figura 5. Adicione modal de família de fontes personalizado com limitações de tamanho e formato
      Adicione modal de família de fontes personalizada com Navegar selecionado.
    6. Opcional: Use a seta no modal para exibir todas as faces de fonte que você carregou com sua família de fontes personalizadas.
      Nota:
      As faces da fonte podem ser aplicadas individualmente aos componentes, enquanto a família de fontes é aplicada globalmente.
      Figura 6. Painel de visualização modal Adicionar família de fontes personalizada
      Painel de visualização modal de família de fontes personalizada com uma face de fonte exibida e seta para exibir faces de fonte adicionais realçadas.
    7. Selecione Save (Salvar).
      Sua nova família de fontes aparece na seção Tipografia em Gerenciar fontes personalizadas , junto com as faces de fonte associadas.
      Figura 7. Seção de tipografia com a família de fontes personalizadas listada
      Seção de tipografia com a nova família de fontes personalizadas e faces de fonte listadas.
    8. Opcional: Visualize como a família de fontes selecionada ou a face da fonte aparece usando qualquer uma das opções a seguir.
      • Use Visualização de estilos de IU ou Visualização da experiência guias na fase principal para exibir como sua nova fonte aparece globalmente em todo o tema.
      • Abra o modal de visualização selecionando a família de fontes personalizada ou o nome da face da fonte que você deseja visualizar listado abaixo de Gerenciar fontes personalizadas cabeçalho.

    Resultado

    Depois de carregar sua fonte personalizada, você pode selecioná-la como sua fonte padrão e aplicá-la ao seu tema. Para obter informações, consulte Edite sua fonte padrão. A família de fontes adicionada mais recentemente aparece na parte inferior do Gerenciar fontes personalizadas lista.