Tekst med store bogstaver: hvornår det hjælper, og hvornår det skader

Tekst med store bogstaver hjælper, når den er kort: en overlinje over en overskrift, en label, en knap, en dato eller en overskrift på to eller tre ord. Den skader, når den bliver lang. Versaler har alle samme højde, så et ord med store bogstaver bliver et almindeligt rektangel i stedet for en genkendelig form, og en hel sætning af dem er langsommere at læse og virker som råben. Brugt kort og med lidt ekstra bogstavafstand giver versaler orden og autoritet. Brugt til alt flader de hierarkiet ud.

Hvorfor store bogstaver er sværere at læse

Små bogstaver har overlængder (b, d, h, k) og underlængder (g, p, y). Sammen giver de hvert ord en karakteristisk kontur, og øvede læsere bruger den kontur til at genkende kendte ord uden at stave dem. Med versaler sidder hvert bogstav mellem de samme to linjer. Konturen bliver en æske, og læseren må kigge nøjere på hvert bogstav. Over to eller tre ord er det fint. Over et afsnit er det trættende.

Hvornår store bogstaver virker

• Overlinjer og kickere: en lille kategori eller dato over overskriften, som NYHED eller AFSNIT 12. Versaler fortæller læseren, at det er en label, ikke indhold.
• Navigation og knapper: korte ord, der er lette at skimme, hvor hvert punkt er den samme slags ting.
• Korte overskrifter på et til tre ord: UDSALG, NU ÅBENT, UDSOLGT. Blokkens form bliver en del af designet.
• Ordmærker og logoer: mange stærke logoer er sat med versaler, hvor ordet ses som et fast billede frem for at blive læst.
• Datalabels og tabeloverskrifter: korte versaler over kolonner holder dem adskilt fra værdierne nedenunder.

Hvornår store bogstaver skader

Håndskriftsskrifttyper fortjener en særlig advarsel: deres versaler er designet til at starte ord, ikke til at stå sammen, og et ord i håndskriftsversaler er ofte næsten ulæseligt. Tonen betyder også noget. Versaler lyder højt, hvilket passer til et udsalg og underminerer en undskyldning. Hvis du vælger mellem skrivemåder til overskrifter mere generelt, dækker sætningsstil og titelstil de mere dæmpede muligheder.

Hvor meget bogstavafstand store bogstaver har brug for

Skrifttyper er afstandsindstillet til små bogstaver. Versaler side om side, med deres lige sider og brede former, ser trange ud ved standardafstand. Når du åbner afstanden, får hvert bogstav luft, og ordet bliver lettere at skimme. Jo mindre tekst, jo mere afstand har den brug for. Bogstavafstand forklarer afstand generelt. For versaler specifikt kan du bruge disse udgangspunkter.

Store versaler kan også have brug for håndkerning på akavede par som AV, LT og TY, hvor standardafstanden ser for bred ud. Tracking og kerning forklarer forskellen på de to justeringer.

Sådan bruger du text-transform uppercase i CSS

Skriv ordene med almindelige bogstaver i din HTML, og anvend versaler med CSS. Kopiering, søgeresultater og oversættelsesværktøjer får så naturlig tekst, og du undgår risikoen for, at en skærmlæser behandler et ord skrevet med versaler som en forkortelse og staver det. Det lader dig også skifte mening senere uden at skrive noget om.

.eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.75rem;
  font-weight: 600;
  /* Raise hyphens, brackets and colons to suit capitals, if the font has it */
  font-feature-settings: "case" 1;
}

/* Small capitals: lowercase letters drawn as smaller capitals */
.label {
  font-variant-caps: all-small-caps;
  letter-spacing: 0.06em;
}

Sæt også sidens lang-attribut. text-transform følger sprogets regler, hvilket betyder noget for ord som det tyrkiske i med prik, og MDN-referencen beskriver, hvordan hvert sprog håndteres. Oversatte labels er ofte længere end de engelske, og versaler gør dem endnu bredere, så lad der være plads i knapper og faner.

Store bogstaver på opslag på sociale medier

På en telefon kan versaler i små størrelser holde bedre end små bogstaver, fordi deres former er enklere. Det gør versaler til et godt valg til de små detaljer på et opslag: en dato, et profilnavn, et sidetal på en karrusel. Til overskriften bør du kun bruge versaler, hvis den er meget kort. Ellers læses almindelige bogstaver hurtigere i det øjeblik, nogen giver et opslag. En solid overskriftsskrifttype hjælper under alle omstændigheder. Tekstlayout til opslag på sociale medier viser, hvordan niveauerne passer sammen.

I Gradiently skriver Designeren overskrifter og detaljer for dig og lægger dem ud på din Mark, og hvert ord forbliver redigerbart i Studio bagefter. Automatisk tekstfarve holder små labels med versaler lige så læselige som overskriften ved at vælge lys eller mørk skrift til hver linje ud fra Markens palet.