Como personalizar o tamanho do hiperlink

Você pode fazer links específicos se destacarem dando a eles um tamanho de fonte maior do que o texto ao redor. Isso usa uma classe CSS que você define uma vez nas configurações de CSS personalizadas, e depois aplica seletivamente a links individuais em seus artigos usando uma tag HTML <a> . Somente os links marcados com a classe são afetados; todos os outros hiperlinks permanecem inalterados.

Quando usar tamanhos de fonte personalizados de hiperlink

Links de chamada para ação: faça um link-chave (como "Comece" ou "Ver preços") visualmente maior para chamar a atenção dos leitores.
Referências importantes: destaque um link externo crítico ou referência cruzada para que ele se destaque do texto principal ao redor.

NOTA

Essa abordagem é por link, não global. Apenas hiperlinks que incluem class="CustomLink" em sua tag HTML são afetados. Links padrão Markdown e outros hiperlinks permanecem inalterados.

Referência rápida

Cola de trechos de CSS uma vez nas configurações de CSS personalizadas. Substitua 25px pelo tamanho de fonte desejado:

.CustomLink {
    font-size: 25px;
}

Uso de HTML por link no seu artigo em vez de um link padrão do Markdown. Substitua a URL e o texto do link:

<a class="CustomLink" href="https://www.document360.com/">Document360</a>

Como adicionar um tamanho de fonte personalizado a um hiperlink

Adicionar a classe CSS

No portal da Base de Conhecimento, acesse Configurações > site da Base de Conhecimento > CSS & JavaScript Personalizado.

Knowledge base site settings page showing the Custom CSS and JavaScript option in the left navigation.

Selecione a aba CSS e cole o seguinte trecho:

.CustomLink {
    font-size: 25px;
}

Substitua 25px pelo tamanho de fonte desejado.
Clique em Salvar.

Custom CSS editor showing the CustomLink font-size snippet pasted in the CSS tab with the Save button visible.

Aplique a aula a um link no seu artigo

Abra o artigo desejado e coloque seu cursor onde deseja que o link com estilo apareça.
Cole o seguinte HTML, substituindo o texto da URL e do link pelo seu próprio:

<a class="CustomLink" href="https://www.document360.com/">Document360</a>

Substitua https://www.document360.com/ pela URL do link que você deseja.
Substitua Document360 pelo texto do link desejado.

Escopo e cobertura

Item	Detalhes
Escopo	Por link, apenas `<a class="CustomLink">` as tags são afetadas
Exemplo padrão do tamanho da fonte	`25px` ajuste para se adequar às suas necessidades de design
Obras em	Editor Markdown (HTML inline) e editor avançado WYSIWYG (visualização de código)
Outros hiperlinks	Links padrão Markdown e outros links HTML não afetados permanecem inalterados

Melhores práticas

Mantenha o nome da classe consistente: CustomLink é usado ao longo deste exemplo. Se você renomear a classe no CSS, atualize todas <a> as tags dos seus artigos para corresponder.
Use com moderação: links ampliados chamam atenção justamente porque são diferentes do texto ao redor. Se muitos links usam uma fonte grande, o efeito se perde e a página se torna visualmente inconsistente.
Ajuste o tamanho da fonte ao contexto: 25px é significativamente maior que o corpo do texto padrão (tipicamente 14–16px). Para uma ênfase sutil, considere 18px ou 20px em vez disso.
Estenda a classe para outras propriedades: você pode adicionar mais propriedades CSS além .CustomLink do tamanho da fonte, como font-weight: bold ou color: #1a73e8, para criar um estilo de link totalmente personalizado em um só lugar.
Teste tanto no modo Claro quanto no Escuro: se sua base de conhecimento suporta o modo Escuro, verifique se o link com estilo é legível em ambos os fundos.

Documentation Index