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
- Localize o estilo que está sendo aplicado às suas páginas e abra o arquivo no seu gerenciador de design.
- Cole o código de importação na primeira linha do seu arquivo CSS. Deve ficar no topo do sua folha de estilos CSS.
- Aplique a fonte do Google para os seletores CSS desejados, como mostrado no exemplo abaixo.
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.