--- title: Cómo cambiar la fuente slug: como-cambiar-la-fuente description: Aprenda cómo cambiar fácilmente la fuente de su colección publicada con nuestras instrucciones paso a paso. Mejore el aspecto y la sensación de su colección haciendo referencia y agregando el enlace de la fuente mediante CSS personalizado en la pestaña Co createdAt: 2022-02-11T08:06:27.000Z --- Cuando publicas una colección, puedes controlar cómo se ve agregando [CSS personalizado](docId:6z-uqEYC9w-bsvxAYCzR3) en la sección [Código personalizado](docId\:yRRIxIcUuGZzRiGx8sWlu). Cuando quieras cambiar la fuente que se carga en el sitio web de producción, tienes 2 opciones: ## 1. Usando Google Fonts ::::WorkflowBlock :::WorkflowBlockItem Haz clic en el ícono de engranaje ⚙️ para abrir los **Ajustes del Espacio** ::: :::WorkflowBlockItem Busca la pestaña de **Apariencia** en la ventana de Ajustes del Espacio ::: :::WorkflowBlockItem Desplázate hacia abajo hasta **Fuentes personalizadas **y actívalas ::: :::WorkflowBlockItem Elige la fuente deseada y los cambios se guardarán automáticamente ::: :::: ![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/nbN4MagEC7RqaC0FLQa16_guides-gfonts-light.png) ## 2. Usa CSS personalizado para referenciar la fuente ::::WorkflowBlock :::WorkflowBlockItem Haz clic en el ícono de engranaje ⚙️ para abrir la **Configuración del Espacio** ::: :::WorkflowBlockItem Busca la pestaña **Código Personalizado** en el modal de Configuración del Espacio ::: :::WorkflowBlockItem Agrega el enlace de la fuente en la caja de **Incluir Encabezados** ![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/1T8J80RasE65zjsyGTPw3_guides-cssheading-light.png) **Ejemplo de encabezados incluidos:** ```html ``` ::: :::WorkflowBlockItem Agrega las propiedades CSS ![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/XtWUUM0yHexmsaKz-039h_guides-cssfont-light.png) ```css ``` ::: ::::