Cómo personalizar el tamaño del hipervínculo

Puedes hacer que algunos hipervínculos destaquen dándoles un tamaño de fuente mayor que el texto circundante. Esto utiliza una clase CSS que defines una vez en la configuración de CSS personalizada y luego aplicas selectivamente a enlaces individuales en tus artículos usando una etiqueta HTML <a> . Solo se ven afectados los enlaces etiquetados con la clase; todos los demás hipervínculos permanecen sin cambios.

Cuándo usar tamaños de fuente personalizados de hipervínculos

Enlaces de llamada a la acción: haz que un enlace clave (como "Empezar" o "Ver precios") sea visualmente más grande para captar la atención de los lectores.
Referencias importantes: resalta un enlace externo crítico o una referencia cruzada para que destaque del texto principal circundante.

NOTA

Este enfoque es por enlace, no global. Solo se ven afectados los hipervínculos que se incluyen class="CustomLink" en su etiqueta HTML. Los enlaces estándar de Markdown y otros hipervínculos no han cambiado.

Referencia rápida

Pega fragmentos de CSS una vez en la configuración de CSS personalizada. Sustituye 25px por el tamaño de fuente que deseas:

.CustomLink {
    font-size: 25px;
}

Usa HTML por enlace en tu artículo en lugar de un enlace estándar de Markdown. Sustituye la URL y el texto del enlace:

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

Cómo añadir un tamaño de fuente personalizado a un hipervínculo

Añadir la clase CSS

En el portal de la Base de Conocimiento, ve a Configuración > sitio de la Base de Conocimientos > CSS y JavaScript personalizados.

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

Selecciona la pestaña CSS y pega el siguiente fragmento:

.CustomLink {
    font-size: 25px;
}

Sustituye 25px por el tamaño de fuente que quieras.
Haz clic en Guardar.

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

Aplica la clase a un enlace en tu artículo

Abre el artículo deseado y coloca el cursor donde quieres que aparezca el enlace con estilo.
Pega el siguiente HTML, reemplazando la URL y el texto del enlace por el tuyo propio:

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

Sustituye https://www.document360.com/ por la URL del enlace que deseas.
Sustituye Document360 por el texto del enlace que deseas.

Alcance y cobertura

Punto	Detalle
Alcance	Por enlace, solo `<a class="CustomLink">` las etiquetas se ven afectadas
Ejemplo de tamaño de fuente por defecto	`25px` Ajusta para adaptarse a tus necesidades de diseño
Obras en	Editor Markdown (HTML en línea) y editor avanzado WYSIWYG (vista de código)
Otros hipervínculos	Los enlaces estándar de Markdown y otros enlaces HTML no afectados permanecen sin cambios

Mejores prácticas

Mantén el nombre de la clase consistente: CustomLink se usa a lo largo de este ejemplo. Si renombras la clase en el CSS, actualiza todas <a> las etiquetas de tus artículos para que coincidan.
Úsalo con moderación: los enlaces ampliados llaman la atención precisamente porque son diferentes del texto circundante. Si demasiados enlaces usan un tamaño de fuente grande, el efecto se pierde y la página se vuelve visualmente inconsistente.
Ajusta el tamaño de la fuente al contexto: 25px es significativamente más grande que el cuerpo estándar del texto (normalmente 14–16px). Para un énfasis sutil, considera 18px o 20px en su lugar.
Extiende la clase para otras propiedades: puedes añadir más propiedades CSS que .CustomLink van más allá del tamaño de fuente, como font-weight: bold o color: #1a73e8, para crear un estilo de enlace completamente personalizado en un solo lugar.
Prueba tanto en modo Claro como en Oscuro: si tu base de conocimientos soporta el modo Oscuro, verifica que el enlace con estilo sea legible en ambos fondos.