--- title: Cómo cambiar la fuente slug: docs/es/como-cambiar-la-fuente description: Aprende cómo cambiar fácilmente la fuente en tu colección publicada con nuestras instrucciones paso a paso. Mejora la apariencia y la sensación de tu colección haciendo referencia y agregando el enlace de la fuente usando CSS Personalizado en la pestaña d docTags: createdAt: 2022-02-11T08:06:27.000Z --- Cuando publique una colección, usted puede controlar la forma en que se ve agregando [CSS Personalizado](docId:6z-uqEYC9w-bsvxAYCzR3) en la sección [Código Personalizado](docId\:CgaNeZuczYfhpcRRuw9Y7). Cuando desee cambiar la fuente que se carga en el sitio web de producción, tiene 2 opciones: ## 1. Usar Google Fonts ::::WorkflowBlock :::WorkflowBlockItem Haga clic en el ícono de engranaje ⚙️ para abrir las **Configuraciones del espacio** ::: :::WorkflowBlockItem Busque la pestaña **Apariencia** en la ventana de Space Settings ::: :::WorkflowBlockItem Desplácese hacia abajo hasta **Fuentes personalizadas **y actívelo ::: :::WorkflowBlockItem Elija la fuente deseada y los cambios se guardarán automáticamente ::: :::: ![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/nbN4MagEC7RqaC0FLQa16_guides-gfonts-light.png) ## 2. Usar CSS Personalizado para referenciar la fuente ::::WorkflowBlock :::WorkflowBlockItem Haga clic en el ícono de engranaje ⚙️ para abrir las **Configuraciones del espacio** ::: :::WorkflowBlockItem Busque la pestaña **Código personalizado** en la ventana de Space Settings ::: :::WorkflowBlockItem Agregue el enlace de la fuente en el cuadro **Incluir encabezados** ![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/1T8J80RasE65zjsyGTPw3_guides-cssheading-light.png) **Ejemplo de Include Headers para fuentes:** ```html ``` ::: :::WorkflowBlockItem Agregue las propiedades CSS ![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/XtWUUM0yHexmsaKz-039h_guides-cssfont-light.png) ```css ``` ::: ::::