> For the complete documentation index, see [llms.txt](https://one-loop.gitbook.io/help/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://one-loop.gitbook.io/help/plattform/one-loop-plattform/websites-und-leadgewinnung/websites-und-funnels/schriftstarke-auf-website-und-funnel-seiten-steuern.md). # Schriftstärke auf Website- und Funnel-Seiten steuern Die Schriftstärke bestimmt, wie fein oder kräftig Text auf einer Website-Seite wirkt. Sie hilft dir, eine klare Reihenfolge sichtbar zu machen: Überschriften fallen zuerst auf, erklärender Text bleibt ruhig lesbar und ein wichtiger Button ist leicht zu finden. Die Einstellung verändert nur die Darstellung des jeweils ausgewählten Elements. Sie ändert weder den Inhalt einer Seite noch ein gespeichertes Design automatisch an anderen Stellen. ## Wann die Schriftstärke sinnvoll ist Setze die Schriftstärke gezielt ein, wenn Besuchende die wichtigsten Informationen schnell erfassen sollen: | Bereich auf der Seite | Sinnvoller Einsatz | Prüffrage | | ---------------------------------------- | ------------------------------------------------------- | ------------------------------------------------- | | Hauptüberschrift | Kräftiger, damit das Thema sofort sichtbar ist | Ist sie noch gut lesbar und nicht zu dominant? | | Zwischenüberschrift | Etwas stärker als der Fließtext | Zeigt sie eine neue, verständliche Textgruppe? | | Fließtext | Ruhiger und gut lesbar | Bleibt der Text auch auf dem Smartphone angenehm? | | Button | Gut erkennbar, ohne den gesamten Abschnitt zu übertönen | Ist die Handlung klar beschriftet? | | Navigation oder Fragen-Antworten-Bereich | Einheitlich und zurückhaltend | Sind alle Einträge auf einen Blick lesbar? | Auf einer guten Seite reichen meist wenige Stufen. Wenn jeder Text sehr kräftig dargestellt ist, entsteht keine erkennbare Hierarchie mehr. ## Voraussetzungen und Vorbereitung Du brauchst Zugriff auf die betreffende Website-Seite oder den betreffenden Funnel-Schritt im Website-Editor. Öffne zuerst die Seite, die du tatsächlich veröffentlichen möchtest, und entscheide vorab: * Welcher Text soll als Erstes wahrgenommen werden? * Welche Schriftfamilie wird auf der Seite verwendet? * Soll die Mobilansicht dieselbe Wirkung haben oder braucht sie eine eigene Einstellung? * Gibt es im Texteditor bereits einzeln fett formatierten Text? Die letzte Frage ist wichtig: Eine direkte Fettformatierung im Texteditor hat Vorrang vor der allgemeinen Schriftstärke des Elements. Entferne sie zuerst, wenn die neue Einstellung sichtbar wirken soll. ## Schriftstärke für ein Element ändern 1. Öffne die gewünschte Website-Seite oder den gewünschten Funnel-Schritt im Editor. 2. Klicke das Textelement, den Button oder ein anderes unterstütztes Element an. 3. Öffne den Bereich für Gestaltung und Typografie. 4. Suche direkt unter der Schriftgröße nach dem Auswahlfeld **Schriftstärke**. 5. Wähle die gewünschte Stärke aus. 6. Wechsle in die Mobilansicht, wenn du dort eine abweichende Stärke festlegen möchtest. 7. Speichere die Änderung und prüfe die Vorschau, bevor du veröffentlichst. Die Schriftgröße und die Schriftstärke sind zwei getrennte Einstellungen. Eine größere Schrift wird nicht automatisch kräftiger; eine kräftigere Schrift wird nicht automatisch größer. ## Welche Elemente unterstützt sein können Die Schriftstärke ist bei verschiedenen Seitenelementen verfügbar, darunter Textbereiche, Buttons, Navigationen, Fragen-Antworten-Bereiche, Countdown-Elemente, Shop-Bereiche und bildbegleitende Texte. Welche Elemente in deiner geöffneten Seite die Auswahl zeigen, erkennst du daran, dass im Gestaltungsbereich unter der Schriftgröße das Feld **Schriftstärke** erscheint. Fehlt das Feld bei einem Element, erzwinge keine Lösung über uneinheitliche Sonderformatierungen. Prüfe stattdessen, ob ein passenderes Element oder eine einheitliche Gestaltung auf Abschnittsebene möglich ist. ## Desktop und Mobilansicht bewusst trennen Eine Stärke, die auf einem großen Bildschirm ruhig und klar wirkt, kann auf einem kleinen Display zu schwer wirken. Deshalb kannst du die Darstellung für Desktop und Mobilansicht getrennt prüfen und – soweit das Element die Auswahl zeigt – unterschiedlich einstellen. Eine einfache Regel: * Auf dem Desktop darf die Hauptüberschrift stärker wirken, weil mehr Platz vorhanden ist. * Auf dem Smartphone sollte sie weiterhin klar lesbar bleiben, aber nicht mehrere Zeilen optisch dominieren. * Fließtext braucht auf beiden Ansichten vor allem guten Kontrast und ausreichend Luft. Ändere nicht blind beide Ansichten gleich. Öffne nach jeder Änderung die jeweilige Vorschau und lies den Abschnitt so, wie ihn eine interessierte Person lesen würde. ## Die Schriftfamilie begrenzt die Auswahl Nicht jede Schriftfamilie stellt jede Stärke bereit. Wenn du eine Stärke auswählst und kaum eine Veränderung siehst, unterstützt die gewählte Schriftfamilie diese Variante möglicherweise nicht. Prüfe dann in dieser Reihenfolge: 1. Wähle testweise eine deutlich andere Stärke. 2. Kontrolliere, ob der Text im Texteditor einzeln fett formatiert ist. 3. Prüfe Desktop- und Mobilansicht getrennt. 4. Wähle bei Bedarf eine Schriftfamilie, die die gewünschte Abstufung sichtbar anbietet. 5. Speichere erst, wenn die Vorschau den Unterschied klar zeigt. Verlasse dich nicht nur auf den Namen einer Auswahl. Entscheidend ist immer die sichtbare Wirkung im veröffentlichten Seitenkontext. ## Direkte Fettschrift im Texteditor richtig behandeln Einzelne Wörter oder Sätze lassen sich im Texteditor fett markieren. Diese direkte Formatierung hat Vorrang vor der allgemeinen Schriftstärke des gesamten Elements. Das ist nützlich, wenn du innerhalb eines Absatzes nur einen Begriff hervorheben möchtest. Für eine Überschrift oder einen Button ist eine einheitliche Einstellung meist leichter zu pflegen. Mische allgemeine Schriftstärke und viele einzelne Fettmarkierungen daher nur, wenn es einen klaren inhaltlichen Grund gibt. ## Lesbarkeit vor Dekoration Schriftstärke ist kein Gestaltungseffekt, sondern ein Werkzeug für Orientierung. Achte auf diese Grundsätze: * Verwende eine kräftige Stärke für eine Aussage, nicht für jeden Text. * Prüfe den Kontrast zwischen Text und Hintergrund. * Halte Beschriftungen von Buttons kurz und konkret. * Nutze dieselbe Stärke für vergleichbare Überschriften. * Vermeide sehr feine Schriften für wichtige Informationen auf dem Smartphone. Wenn ein Text schwer lesbar wird, löst eine noch kräftigere Schrift nicht immer das Problem. Manchmal helfen eine klarere Formulierung, mehr Abstand oder ein ruhigerer Hintergrund besser. ## Sicher testen, bevor du veröffentlichst 1. Öffne die Vorschau der Seite im Website-Editor. 2. Vergleiche zuerst die Desktop- und danach die Mobilansicht. 3. Kontrolliere Hauptüberschrift, Fließtext, Buttons und Navigation im Zusammenhang. 4. Prüfe, ob einzelne fett formatierte Wörter die gewünschte Einstellung übersteuern. 5. Speichere und veröffentliche erst nach dieser Kontrolle. 6. Öffne die öffentliche Seite auf einem zweiten Gerät oder in einem privaten Browserfenster. So erkennst du, ob eine Änderung nur im Editor gut aussieht oder auch für Besuchende verständlich und lesbar bleibt. ## Typische Fehler und Lösungen ### Die Schriftstärke verändert sich nicht Prüfe zuerst, ob die Schriftfamilie die ausgewählte Stärke unterstützt. Kontrolliere anschließend, ob der Text im Texteditor direkt fett formatiert ist. Diese Formatierung kann die allgemeine Einstellung übersteuern. ### Die Mobilansicht wirkt zu schwer Öffne die Mobilansicht und wähle dort eine ruhigere Stärke. Prüfe auch die Zeilenumbrüche: Wenn eine Überschrift mehr Zeilen einnimmt als erwartet, kann sie trotz passender Stärke zu dominant wirken. ### Die Seite wirkt unruhig Reduziere die Zahl der verwendeten Stärken. Gib allen Überschriften derselben Ebene dieselbe Stärke und beschränke stärkere Akzente auf die wichtigsten Aussagen. ### Ein Button fällt nicht mehr auf Prüfe zuerst Beschriftung, Kontrast und Abstand. Eine höhere Schriftstärke allein macht einen Button nicht verständlicher, wenn die Handlung unklar oder der Hintergrund zu ähnlich ist. ## Praxisbeispiel: Angebotsseite klar gliedern Du überarbeitest eine Angebotsseite für ein Erstgespräch. Die Hauptüberschrift erhält eine kräftige Schriftstärke, damit das Angebot sofort verständlich ist. Die drei Zwischenüberschriften darunter verwendest du einheitlich etwas ruhiger. Der erklärende Text bleibt gut lesbar, und der Button „Erstgespräch anfragen“ hebt sich klar ab. Danach wechselst du in die Mobilansicht. Dort prüfst du, ob die Hauptüberschrift zu viele Zeilen einnimmt, und wählst bei Bedarf eine weniger starke Variante. Abschließend öffnest du die veröffentlichte Seite auf dem Smartphone und kontrollierst, ob Überschriften, Text und Button noch in einer klaren Reihenfolge wahrgenommen werden. ## Ergebnis prüfen Die Einstellung ist gelungen, wenn Besuchende auf Desktop und Mobilgerät ohne Suche erkennen, was die Seite anbietet und welcher nächste Schritt sinnvoll ist. Wenn eine Schriftstärke keinen sichtbaren oder verständlichen Nutzen bringt, verwende lieber eine einfachere, einheitliche Gestaltung. --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation by asking a question. Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters: ``` GET https://one-loop.gitbook.io/help/plattform/one-loop-plattform/websites-und-leadgewinnung/websites-und-funnels/schriftstarke-auf-website-und-funnel-seiten-steuern.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.