---
title: Wie man die Schriftart ändert
slug: docs/de/wie-man-die-schriftart-andert
description: Erfahren Sie, wie Sie mit unseren Schritt-für-Schritt-Anleitungen ganz einfach die Schriftart in Ihrer veröffentlichten Sammlung ändern. Verbessern Sie das Aussehen und die Wirkung Ihrer Sammlung, indem Sie den Schriftlink über Benutzerdefinierte CSS im T
createdAt: 2022-02-11T08:06:27.000Z
---

Wenn Sie eine Sammlung veröffentlichen, können Sie das Erscheinungsbild steuern, indem Sie [Custom CSS](docId:6z-uqEYC9w-bsvxAYCzR3) im Bereich [Benutzerdefinierter Code](docId\:cR4sXSwVdPVsJvZ7DD5Ab) hinzufügen.

Wenn Sie die Schriftart ändern möchten, die auf der Produktionswebsite geladen wird, haben Sie 2 Optionen:

## 1. Google Fonts verwenden&#x20;

::::WorkflowBlock
:::WorkflowBlockItem
Klicken Sie auf das Zahnradsymbol ⚙️, um die **Raum-Einstellungen**
:::

:::WorkflowBlockItem
Suchen Sie die Registerkarte **Darstellung** im Space-Settings-Modal
:::

:::WorkflowBlockItem
Scrollen Sie nach unten zu **Benutzerdefinierte Schriften&#x20;**&#x75;nd aktivieren Sie es
:::

:::WorkflowBlockItem
Wählen Sie die gewünschte Schriftart aus; die Änderungen werden automatisch gespeichert
:::
::::

![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/nbN4MagEC7RqaC0FLQa16_guides-gfonts-light.png)

## 2. Verwenden Sie Custom CSS, um die Schriftart zu referenzieren&#x20;

::::WorkflowBlock
:::WorkflowBlockItem
Klicken Sie auf das Zahnradsymbol ⚙️, um die **Raum-Einstellungen**
:::

:::WorkflowBlockItem
Suchen Sie die Registerkarte **Benutzerdefinierter Code** im Space-Settings-Modal
:::

:::WorkflowBlockItem
Fügen Sie den Schriftlink im Feld **Header einbeziehen** hinzu

![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/1T8J80RasE65zjsyGTPw3_guides-cssheading-light.png)

**Include-Headers-Schriftbeispiel:**

```html
<link href="https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300&display=swap" rel="stylesheet"/>
```
:::

:::WorkflowBlockItem
Fügen Sie die CSS-Eigenschaften hinzu

![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/XtWUUM0yHexmsaKz-039h_guides-cssfont-light.png)

```css
<style>
body {
    font-family: Hind Siliguri, sans-serif !important;
}
</style>
```
:::
::::

