Texteffekte und Größen in rem
Geben Sie Text eine Kontur oder füllen Sie ihn mit einem Verlauf, legen Sie fest, wie Links unterstrichen werden, und setzen Sie Textgrößen in rem, damit sie mit der Textgröße jedes Besuchers wachsen.
Diese Textoptionen kommen schrittweise in die Arbeitsbereiche, daher sehen Sie vielleicht noch nicht alle.
Text mit Kontur und Verlauf
Wählen Sie einen Text aus und wählen Sie im Abschnitt Text Stil hinzufügen:
- Kontur zeichnet einen Umriss um die Buchstaben: Legen Sie Konturstärke und Konturfarbe fest.
- Textfüllung füllt die Buchstaben mit einer Volltonfarbe, einem Verlauf oder einem konischen Verlauf, gewählt in der Farbauswahl.
Der Text bleibt Text: Besucher können ihn weiter markieren, und Screenreader lesen ihn wie jeden Text. Prüfen Sie, ob ein Verlauf an beiden Enden vor dem Hintergrund lesbar bleibt.
Wie Links aussehen
Ein Textstil legt fest, wie Links in seinem Text aussehen, für jeden Zustand: Standard, Hover und Aktuelle Seite (ein Link auf die Seite, auf der der Besucher gerade ist). Öffnen Sie den Textstil unter Assets, wählen Sie unter Links den Zustand und legen Sie fest:
- die Farbe des Links;
- Unterstrichen, mit Linienfarbe, Stärke, Abstand zum Text und Linienstil.
Ein einzelner Text kann auch eine eigene Unterstreichung erhalten, über Stil hinzufügen → Dekoration im Abschnitt Text.
Größen in rem
Eine Größe in px ist für jeden Besucher gleich. Eine Größe in rem wächst mit der Textgröße, die ein Besucher in seinem Browser gewählt hat, was Menschen hilft, die mit größerer Schrift lesen.
- Unter Typografie nehmen die Felder Größe, Buchstabenabstand und Absatzabstand px oder rem. Neben einem Wert in rem zeigt der Bereich, wie viele px das an diesem Breakpoint sind.
- Wie viele px ein rem sind, hängt vom Breakpoint ab: Unter Breakpoints hat jeder sein px = 1 rem. Eine neue Website beginnt bei 16, und ein leer gelassener Breakpoint übernimmt den Wert des Breakpoints, von dem er erbt. Eine kleinere Basis am Telefon-Breakpoint macht dort allen Text in rem auf einmal etwas kleiner.