Isenção de responsabilidade de tradução: esse conteúdo foi traduzido para sua conveniência com o uso de software e pode não ter sido revisado por uma pessoa. O texto oficial é a versão em inglês e sempre será o texto mais atualizado. Para ver a versão em inglês, clique aqui.
CMS-General

Como faço para adicionar o Google Fonts às minhas páginas do HubSpot e CTAs?

Ultima atualização: December 20, 2018

Marketing Hub Professional, Enterprise

Disponível para

Marketing Hub
marketing-basic-pro-enterprise
Professional, Enterprise
Basic
HubSpot CMS

As tags do link da fonte do Google podem ser aplicadas a uma página específica ou em todas as suas páginas em suas configurações usando o campo HTML de cabeçalho. Se você estiver acostumado a editar CSS, pode adicionar o código de @import à parte superior de um arquivo CSS específico.

Primeiro, obtenha no Google o script da fonte do Google:

Copie o Script da fonte do Google

  • Navegue até fonts.google.com e localize a fonte desejada.
  • Clique no ícone com o sinal de mais + ao lado ao nome da fonte.

  • Clique na barra de 1 família selecionada na parte inferior da tela.
  • Se quiser importar mais estilos ou pesos de importação para essa família de fontes, selecione a guia Personalizar e use as caixas de seleção.

  • Selecione a guia @import e copie o script fornecido pelo Google, por ex. url do @import url(http://fonts.googleapis.com/css?family=Open+Sans); 

Agora que você copiou este código, você pode voltar ao HubSpot para aplicar a fonte do Google.

Adicione a fonte do Google às suas páginas do HubSpot

  • Aplique a fonte do Google para os seletores CSS desejados, como mostrado no exemplo abaixo. 

Imagem-adicionada-pelo-usuário

Adicione e-mails ao seu CTA

  • Copie o código de Especificar no código CSS do Google Fonts.

  • Na sua conta da HubSpot, navegue até Marketing > Captura de leads > CTAs.
  • Passe o cursor do mouse sobre a CTA desejada para atualizá-la com essa fonte e clique em Ações > Editar
  • Clique em Opções avançadas para expandir mais opções.
  • Adicione Especificar no código CSS do Google Fonts à seção Personalizar CSS. Você verá a fonte do Google aplicada à sua CTA assim que inserir essa CSS. 

  • Clique em Próximo no canto inferior direito para finalizar os detalhes da sua CTA e clique em Salvar