---
title: ¿Cómo cambiar la tipografía? | BuilderDuck
description: Personaliza tu página web de BuilderDuck con las tipografías de tu marca.
---

[Ir directamente al contenido](https://help.rentlysoft.com/cómo-cambiar-la-tipografía-builderduck#main-content)

- [Español](https://help.rentlysoft.com/c%C3%B3mo-cambiar-la-tipograf%C3%ADa-builderduck)
- [English](https://help.rentlysoft.com/en/how-to-adjust-the-typography-builderduck)
- [Português - Brasil](https://help.rentlysoft.com/pt-br/cómo-cambiar-la-tipografía-builderduck)

Español

Traducciones de Mostrar submenú de

![Rently logo png](https://help.rentlysoft.com/hs-fs/hubfs/Rently%20logo%20png.png?width=150&height=85&name=Rently%20logo%20png.png)

Abrir navegación principal

Cerrar navegación principal

- - [Español](https://help.rentlysoft.com/c%C3%B3mo-cambiar-la-tipograf%C3%ADa-builderduck)
    - [English](https://help.rentlysoft.com/en/how-to-adjust-the-typography-builderduck)
    - [Português - Brasil](https://help.rentlysoft.com/pt-br/cómo-cambiar-la-tipografía-builderduck)

  Español
  
  Traducciones de Mostrar submenú de
- Ir a rentlysoft.com

 Ir a rentlysoft.com

 Todas las soluciones a un click!

- No hay sugerencias porque el campo de búsqueda está vacío.

1. [Rently Centro de Ayuda](https://help.rentlysoft.com/?hsLang=es)
2. [BuilderDuck](https://help.rentlysoft.com/builderduck?hsLang=es)
3. [Configura tu kit de marca](https://help.rentlysoft.com/builderduck?hsLang=es#configura-tu-kit-de-marca)

# ¿Cómo cambiar la tipografía? | BuilderDuck

## Personaliza tu página web de BuilderDuck con las tipografías de tu marca.

Por defecto, 'Roboto' está configurada como la tipografía predeterminada. Pero puedes cambiarla. Para hacerlo, ve a 'Páginas' en la barra lateral y selecciona 'Temas'.

[![](https://help.rentlysoft.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comiofytz9fc11261270667f9d71e3f8d06c9bf96229d53d169BuilderDuck.png)](https://downloads.intercomcdn.com/i/o/fytz9fc1/1261270667/f9d71e3f8d06c9bf96229d53d169/BuilderDuck.png?expires=1737054900&signature=bf275cbba26b0b0a6dc7ca0c4c443c15d3270e9680df62afe5303fd8ce69705d&req=dSIhF8t5nYdZXvMW1HO4zZHv26eAvUudfw0RpH0dscNnGmaHR%2BMTle6LSN8j%0AIXl4H65iKgWN5GrLqDI%3D%0A)

Navega a la sección de 'Tipografía' y abre el menú desplegable. Verás 'Roboto' configurada como la fuente predeterminada. Para cambiarla, haz clic en 'Agregar fuente' y abre el menú desplegable para seleccionar una fuente diferente.

[![](https://help.rentlysoft.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comiofytz9fc1126127066925240cfbbe076be2606e90473a59BuilderDuck-287-29.png)](https://downloads.intercomcdn.com/i/o/fytz9fc1/1261270669/25240cfbbe076be2606e90473a59/BuilderDuck-287-29.png?expires=1737054900&signature=ce0cbd6fa19bc67604d2e6573adb71cb654c08c698a6fe73ed628cc7dd00fc09&req=dSIhF8t5nYdZUPMW1HO4zQ83EpZZOxOKsSRIwVHnfnxzxSD6twMBMUkLT7m4%0Av2ApMArbtk%2BqeDwsJa4%3D%0A)

Esta nueva fuente se configurará automáticamente como la predeterminada, pero puedes desactivarla desmarcándola.

Si deseas agregar una fuente que no esté disponible en el menú desplegable, haz clic en '+Google Font' debajo del campo 'Agregar nueva fuente'.

[![](https://help.rentlysoft.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comiofytz9fc11261270671f6c9c243defd2694366ea20fd1d9BuilderDuck-289-29.png)](https://downloads.intercomcdn.com/i/o/fytz9fc1/1261270671/f6c9c243defd2694366ea20fd1d9/BuilderDuck-289-29.png?expires=1737054900&signature=6e2764114a7c9d65123252a0e37ffc75e74eb13d36b1e11682bdac82e954ef4c&req=dSIhF8t5nYdYWPMW1HO4zX43SQZus8iNhGaSRxN4TerBH4qTZMgNKAP9u6tI%0ASyeCKscX7zPBlZEq3j8%3D%0A)

Serás redirigido a Google Fonts. Allí, búsca la fuente que quieres en la barra de búsqueda y presiona 'Obtener fuente'.

[![](https://help.rentlysoft.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comiofytz9fc11261270670d0e327ff4f2ae4d00eff78fcd5b0BuilderDuck-2810-29.png)](https://downloads.intercomcdn.com/i/o/fytz9fc1/1261270670/d0e327ff4f2ae4d00eff78fcd5b0/BuilderDuck-2810-29.png?expires=1737054900&signature=acc7fc511fd5f5895d4be053d8988a7d2f12269a66cd59539aa6881e247aadd0&req=dSIhF8t5nYdYWfMW1HO4zbB4nuX1cf40%2Bv8fvzawpnN%2FhzwpFBgKe5LEb3be%0Ars%2BaExGf5OB2sxgwE%2F8%3D%0A)

En la siguiente página, haz clic en 'Obtener código'. En la primera sección, copia la URL que comienza con https://.

[![](https://help.rentlysoft.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comiofytz9fc11261270668238c2e4d26b909911e3104ec5d09BuilderDuck-2811-29.png)](https://downloads.intercomcdn.com/i/o/fytz9fc1/1261270668/238c2e4d26b909911e3104ec5d09/BuilderDuck-2811-29.png?expires=1737054900&signature=95001bfeebd3132d8f3ec6b8ebf7cf3a338ca2fd47140486a136a26e573966b0&req=dSIhF8t5nYdZUfMW1HO4zfVcUZtn%2FkV5AEB8qZzWmdmha4mLdH4gQ5N1aD4o%0A82uQh9%2BLWWS3yaUc3DI%3D%0A)

Regresa a BuilderDuck y pega el enlace. También puedes agregar el nombre de la fuente para reconocerla fácilmente.

[![](https://help.rentlysoft.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comiofytz9fc11261270682478b827279c745334cef11c6d480BuilderDuck-2813-29.png)](https://downloads.intercomcdn.com/i/o/fytz9fc1/1261270682/478b827279c745334cef11c6d480/BuilderDuck-2813-29.png?expires=1737054900&signature=1712135943ee07658b10668e74ddeb2eb9bcac5dbe2be5705d2c2989685bef3e&req=dSIhF8t5nYdXW%2FMW1HO4zVuZhB%2B3xRs4rmLF%2FVKf3jvzi1CKSQiLBgJoFrVc%0AAxGv57l0nYwcgwaNjVM%3D%0A)

💡Puedes agregar tantas fuentes como sean necesarias.

A continuación, en la sección 'Estilos de fuente', puedes elegir qué fuente se aplicará a cada [encabezado](https://www.conductor.com/academy/headings/) en tu página web.

Para hacerlo, abre el menú desplegable. Encontrarás las diferentes etiquetas. Allí, selecciona la familia de la fuente.

[![](https://help.rentlysoft.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comiofytz9fc11261270677f44abe71311c5449c471939cfe34BuilderDuck-2814-29.png)](https://downloads.intercomcdn.com/i/o/fytz9fc1/1261270677/f44abe71311c5449c471939cfe34/BuilderDuck-2814-29.png?expires=1737054900&signature=783fc5debe0daf094583ff6daeee6199c48ad678b141164d74fb494e00d079d3&req=dSIhF8t5nYdYXvMW1HO4zR7Z73CRcYMTTwO6srI4wv4Oiv9h4vsw8X5UZIhJ%0AjhcW1TKig1%2FTd%2BjuqTw%3D%0A)

Junto a esto, puedes elegir el grosor de la fuente con opciones como normal, negrita o valores personalizados.

En el menú desplegable 'Estilo de fuente', también puedes seleccionar si el encabezado será normal, en cursiva o en oblicuo.

Además, puedes decidir si deseas transformar el texto a mayúsculas o minúsculas.

En los campos de abajo, puedes configurar el tamaño de la fuente (en píxeles), cambiar el color (ingresando un código hex o seleccionando desde el selector de colores), ajustar la altura de línea (en píxeles) y modificar el espaciado entre letras (en píxeles).

🔗***Encuentra recomendaciones de legibilidad al final de esta entrada.***

[![](https://help.rentlysoft.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comiofytz9fc1126127067834a90ed34adc11c4bb689670acccBuilderDuck-2815-29.png)](https://downloads.intercomcdn.com/i/o/fytz9fc1/1261270678/34a90ed34adc11c4bb689670accc/BuilderDuck-2815-29.png?expires=1737054900&signature=b4965f05090f9aabfac0d02eb649703117ab1082ceeefd0154e55e238572fa3d&req=dSIhF8t5nYdYUfMW1HO4zSn1D5UBhrN%2F577AGz4ybBDpIlI9O6229WDQiUlA%0A1l0W0DM3bIBKEf%2F6Q0A%3D%0A)

Repite el proceso hasta que la personalización se ajuste a las necesidades de tu marca.

Finalmente, desplázate hacia arriba y presiona 'Guardar cambios'.

Verás los cambios reflejados en tu página web.

❗Abre tu página web para ver los cambios.

Si ya tienes una pestaña abierta, ciérrala y ábrela nuevamente. Actualizar la página no será suficiente. Es necesario abrirla de nuevo.

### **Recomendaciones:**

### **Tamaños mínimos recomendados**

**Texto principal (body text)**:

- **16px** es el tamaño estándar mínimo recomendado.
- Esto garantiza una buena legibilidad en la mayoría de las pantallas y dispositivos.

**Encabezados (headings)**:

- **H1**: 32px o más.
- **H2**: 24-28px.
- **H3**: 20-24px.
- **H4-H6**: 16-20px.

**Botones o enlaces interactivos**:

- **16px** mínimo para garantizar accesibilidad.

**Texto en dispositivos móviles**:

- Mantén **16px o más** para evitar que los usuarios tengan que hacer zoom.

### **Otros actores a considerar**

- **Accesibilidad**:  
  Utiliza una tipografía clara y bien espaciada, y asegúrate de que el contraste entre texto y fondo sea adecuado (cumple con [WCAG](https://www.w3.org/WAI/standards-guidelines/wcag/), nivel AA o AAA).
- **Line-height (altura de línea)**:  
  Usa una relación de **1.4 a 1.6** veces el tamaño de la fuente para evitar que el texto se sienta apretado.

- [RentlySoft](https://help.rentlysoft.com/rentlysoft?hsLang=es#main-content)

    - [CONFIGURACIÓN DEL SISTEMA](https://help.rentlysoft.com/rentlysoft?hsLang=es#configuraci%C3%B3n-del-sistema)
    - [USUARIOS](https://help.rentlysoft.com/rentlysoft?hsLang=es#usuarios)
    - [ROLES](https://help.rentlysoft.com/rentlysoft?hsLang=es#roles)
    - [CONFIGURACIÓN GENERAL](https://help.rentlysoft.com/rentlysoft?hsLang=es#configuraci%C3%B3n-general)
    - [SUCURSALES](https://help.rentlysoft.com/rentlysoft?hsLang=es#sucursales)
    - [AUTOS](https://help.rentlysoft.com/rentlysoft?hsLang=es#autos)
    - [RESERVAS](https://help.rentlysoft.com/rentlysoft?hsLang=es#reservas)
    - [CAJA](https://help.rentlysoft.com/rentlysoft?hsLang=es#caja)
    - [Adicionales](https://help.rentlysoft.com/rentlysoft?hsLang=es#adicionales)
    - [TARIFARIOS](https://help.rentlysoft.com/rentlysoft?hsLang=es#tarifarios)
    - [TEMPLATES](https://help.rentlysoft.com/rentlysoft?hsLang=es#templates)
    - [CLIENTES](https://help.rentlysoft.com/rentlysoft?hsLang=es#clientes)
    - [SERVICIOS](https://help.rentlysoft.com/rentlysoft?hsLang=es#servicios)
    - [REPORTES](https://help.rentlysoft.com/rentlysoft?hsLang=es#reportes)
    - [IMPUESTOS](https://help.rentlysoft.com/rentlysoft?hsLang=es#impuestos)
    - [INFRACCIONES](https://help.rentlysoft.com/rentlysoft?hsLang=es#infracciones)
    - [USO DEL SISTEMA](https://help.rentlysoft.com/rentlysoft?hsLang=es#uso-del-sistema)
    - [PAGOS](https://help.rentlysoft.com/rentlysoft?hsLang=es#pagos)
    - [SOBREVENTA](https://help.rentlysoft.com/rentlysoft?hsLang=es#sobreventa)
    - [NOTIFICACIONES AUTOMÁTICAS](https://help.rentlysoft.com/rentlysoft?hsLang=es#notificaciones-autom%C3%A1ticas)
    - [SINIESTROS](https://help.rentlysoft.com/rentlysoft?hsLang=es#siniestros)
    - [SEGURIDAD](https://help.rentlysoft.com/rentlysoft?hsLang=es#seguridad)
    - [AXLE](https://help.rentlysoft.com/rentlysoft?hsLang=es#axle)
    - [Liquidación de agencias](https://help.rentlysoft.com/rentlysoft?hsLang=es#liquidaci%C3%B3n-de-agencias)
- [BuilderDuck](https://help.rentlysoft.com/builderduck?hsLang=es#main-content)

    - [Primeros pasos](https://help.rentlysoft.com/builderduck?hsLang=es#primeros-pasos)
    - [Configura tu kit de marca](https://help.rentlysoft.com/builderduck?hsLang=es#configura-tu-kit-de-marca)
    - [Edita las páginas de tu sitio web](https://help.rentlysoft.com/builderduck?hsLang=es#edita-las-p%C3%A1ginas-de-tu-sitio-web)
    - [SEO](https://help.rentlysoft.com/builderduck?hsLang=es#seo)
    - [Configuración de la Página de Reservas y de la Página de Pagos](https://help.rentlysoft.com/builderduck?hsLang=es#configuraci%C3%B3n-de-la-p%C3%A1gina-de-reservas-y-de-la-p%C3%A1gina-de-pagos)
    - [Blog](https://help.rentlysoft.com/builderduck?hsLang=es#blog)
    - [Configuraciones avanzadas](https://help.rentlysoft.com/builderduck?hsLang=es#configuraciones-avanzadas)
    - [Gestor de archivos](https://help.rentlysoft.com/builderduck?hsLang=es#gestor-de-archivos)
- [App In & Out](https://help.rentlysoft.com/app-in-out?hsLang=es#main-content)

    - [Configuración](https://help.rentlysoft.com/app-in-out?hsLang=es#configuraci%C3%B3n)
- [Integraciones - Brokers](https://help.rentlysoft.com/integraciones-brokers?hsLang=es)
- [Página Web](https://help.rentlysoft.com/p%C3%A1gina-web?hsLang=es#main-content)

    - [SISTEMAS DE PAGO](https://help.rentlysoft.com/p%C3%A1gina-web?hsLang=es#sistemas-de-pago)
    - [Promociones](https://help.rentlysoft.com/p%C3%A1gina-web?hsLang=es#promociones)
- [Newsletters](https://help.rentlysoft.com/newsletters?hsLang=es)
- [ERP - Facturación](https://help.rentlysoft.com/erp-facturaci%C3%B3n?hsLang=es)
- [Payment Gateways](https://help.rentlysoft.com/payment-gateways?hsLang=es)

[![Rently](https://help.rentlysoft.com/hubfs/rently%20logo.svg "Rently")](http://www.rentlysoft.com)

Centro de ayuda rentlysoft.com

Copyright © 2026, Rently Software LLC