Incorporar fonte
- Abra a fonte que você precisa nas fontes do Google e selecione-a. Na janela pop-up, copie e salve as linhas de código de URL @import e a família de fontes:
Importante: em Código de incorporação, não copie o snippet de código inteiro com as tags <style></style>. Basta copiar a linha de url @import.
- No Modo Desenvolvedor, abra Site HTML/CSS > site.css e cole o código de URL @import:
Aplicar fonte com CSS
Para definir a fonte incorporada como fonte global do site, inclua a seguinte linha CSS ao site.css: Para obter mais informações sobre como incluir CSS personalizado, consulte o Modo Desenvolvedor.
*#dm div.dmContent *, *#dm div.dmFooter *, *#dm div.dm-title {YOUR_GOOGLE_INTEGRATION_CODE} |
Substitua YOUR_GOOGLE_INTEGRATION_CODE acima pelo código CSS da família de fontes que você copiou do Google Fonts. Clique em Salvar.
Aplicar fonte a um widget específico
Para aplicar uma fonte a um específico:
- Clique com o botão direito do mouse no e clique em Editar HTML/CSS para abrir a janela de edição do HTML/CSS do .
- Adicione o código CSS da família de fontes que você salvou no Passo 2, acima, entre os colchetes { } no CSS geral ou específico do dispositivo.
A fonte será aplicada aos elementos de texto do e você poderá usar o editor embutido para alterar as cores e editar o texto normalmente.
Aplique a fonte a fontes específicas em todo o site
Para aplicar fontes personalizadas em todo o site, substitua os elementos CSS específicos pelo nome da fonte personalizada. Para isso:
- Clique no botão Modo Desenvolvedor
na barra de navegação. - Clique em Site HTML/CSS e, em seguida, clique em site-theme.css.
- Procure a classe específica do título ou da fonte a ser alterada (por exemplo: H1, H2 e assim por diante) e substitua a família de fontes atual pelo nome da fonte personalizada.
- Clique em Salvar.
- Clique em Fechar para fechar o modo de desenvolvedor.
Feedback sobre este artigo
0 comentário
Por favor, entre para comentar.