Teksteffecten en groottes in rem
Geef tekst een omlijning of vul hem met een verloop, stel in hoe links onderstreept worden, en geef tekst een grootte in rem zodat hij meegroeit met de tekstgrootte die elke bezoeker koos.
Deze tekstopties komen in stappen naar de werkruimtes, dus misschien zie je ze nog niet allemaal.
Omlijnde tekst en tekst met een verloop
Selecteer een tekst en kies in de sectie Tekst Stijl toevoegen:
- Omlijning tekent een rand rond de letters: stel de Lijndikte en de Kleur van de omlijning in.
- Tekstvulling vult de letters met een effen kleur, een verloop of een conisch verloop, gekozen in de kleurkiezer.
De tekst blijft tekst: bezoekers kunnen hem nog selecteren, en schermlezers lezen hem zoals elke tekst. Controleer of een verloop leesbaar blijft op wat erachter ligt, aan beide uiteinden.
Hoe links eruitzien
Een tekststijl bepaalt hoe links in zijn tekst eruitzien, per status: Standaard, Hover en Huidige pagina (een link naar de pagina waar de bezoeker is). Open de tekststijl vanuit Assets, kies onder Links de status en stel in:
- de kleur van de link;
- Onderstreept, met de Lijnkleur, de Dikte, de Verschuiving ten opzichte van de tekst en de Lijnstijl.
Een losse tekst kan ook een eigen onderstreping krijgen via Stijl toevoegen → Decoratie in de sectie Tekst.
Groottes in rem
Een grootte in px is voor elke bezoeker gelijk. Een grootte in rem groeit mee met de tekstgrootte die een bezoeker in zijn browser koos, wat helpt voor wie met grotere tekst leest.
- In Typografie nemen de velden Grootte, Letterafstand en Alinea-afstand px of rem. Naast een waarde in rem toont het paneel hoeveel px het is bij dit breakpoint.
- Hoeveel px één rem is, hangt af van het breakpoint: in Breakpoints heeft elk zijn px = 1 rem. Een nieuwe site begint op 16, en een breakpoint dat je leeg laat, neemt die van het breakpoint waarvan het erft. Een kleinere basis op het telefoonbreakpoint maakt alle tekst in rem daar in één keer iets kleiner.