---
title: "Como personalizar o tamanho do hiperlink"
slug: "how-to-customize-the-hyperlink"
description: "In Document360, you can customize the appearance of some hyperlinks to make them stand out."
tags: ["Customization"]
updated: 2026-06-22T08:58:57Z
published: 2026-06-22T08:58:57Z
canonical: "docs.document360.com/how-to-customize-the-hyperlink"
---
> ## Documentation Index
> Fetch the complete documentation index at: https://docs.document360.com/llms.txt
> Use this file to discover all available pages before exploring further.
# 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:
```
Document360
```
---
## Como adicionar um tamanho de fonte personalizado a um hiperlink
### Adicionar a classe CSS
1. No portal da Base de Conhecimento, acesse **Configurações** > **site da Base de Conhecimento** > **CSS & JavaScript Personalizado**.
1. Selecione a aba **CSS** e cole o seguinte trecho:
```
.CustomLink {
font-size: 25px;
}
```
1. Substitua `25px` pelo tamanho de fonte desejado.
2. Clique **em Salvar**.
### Aplique a aula a um link no seu artigo
1. Abra o artigo desejado e coloque seu cursor onde deseja que o link com estilo apareça.
2. Cole o seguinte HTML, substituindo o texto da URL e do link pelo seu próprio:
```
Document360
```
- 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.