Isenção de responsabilidade: Este artigo foi gerado usando tradução automática.

Como configurar uma fonte personalizada na base de conhecimento?

Prev Next

Isenção de responsabilidade: Este artigo foi gerado usando tradução automática.

Plans supporting the use of custom CSS and JS in knowledge base site

Professional
Business
Enterprise






O Document360 fornece uma lista de fontes padrão usadas na documentação. No entanto, você pode configurar a fonte desejada na base de conhecimento. Obtenha os detalhes da fonte e adicione o link da fonte à seção de cabeçalho em HTML personalizado. Em seguida, adicione os detalhes da família de fontes no CSS personalizado.

Como caso de uso, confira a solução abaixo para configurar uma fonte do Google no Document360.


Solução

As três etapas abaixo estão envolvidas na configuração da fonte do Google desejada no Document360:
Etapa 1: obter os detalhes do código de fonte do Google
Etapa 2: Acrescentar o código em HTML personalizado
Etapa 3: Acrescentar o código em CSS personalizado

NOTA

Você também pode configurar fontes personalizadas diferentes do Google Fonts utilizando o código HTML e CSS apropriado.

Obter os detalhes do código de fonte do Google

  1. Vá para a página de fontes do Google .

3_ScreenGIF-Google_font_custom_header_font

  1. Selecione a fonte desejada e a página da fonte aparecerá com os estilos disponíveis.

  2. No canto superior direito, clique em Obter fonte e selecione Obter código de incorporação.

  3. Na seção Web , você encontrará o código de incorporação específico da fonte escolhida.

  4. Copie o código e volte para o Document360.

Anexar o código em HTML personalizado

2_Screenshot-Append_the_code_in_custom_HTML

  1. No portal do Document360, vá para Configurações > site da base de dados de conhecimento > Integrações.

  2. Navegue até HTML personalizado e clique em Adicionar.

  3. Selecione a Header (above </head>) opção que será a seleção padrão.

  4. Cole o link na seção Cabeçalho copiada na etapa 5.

  5. Uma vez feito isso, clique em Adicionar.

Anexar o código em CSS personalizado

4_Screenshot-Body_Append_the_code_in_custom_CSSUpdated

  1. Navegue até Configurações () > site da base de conhecimento > Personalizar site > CSS e JavaScript personalizados no portal da base de conhecimento.

  2. No painel de navegação esquerdo, clique na  guia CSS.

  3. Clique em Adicionar snippets de código no canto superior direito do espaço de código.

  4. Selecione a opção Alterar fonte do corpo do texto e o código abaixo será exibido.

body, article {
  font-family: "Source Sans Pro", sans-serif;    /*Replace your body font family*/ 
  color: #222222;    /*Font color*/ 
}
  1. Além do seletor de corpo , inclua o seletor de artigo no snippet de código fornecido.

  2. Substitua o font-family: "Source Sans Pro", sans-serif; pelos detalhes da fonte copiados na etapa 5. (Regras CSS para especificar famílias).

  3. Adicione a cor de fonte desejada.

  4. Clique em Salvar no canto superior direito.


Resultado

7_Screenshot-Custom_font_outcome