Danske tegn som æ, ø og å er en integreret del af vores sprog, men de har længe været en kilde til frustration i webdesign. Fra manglende glyffer i tidlige webfonte til forkerte kodninger og rendering-problemer – udfordringerne er mange. Denne artikel giver en grundig gennemgang af de typiske problemer og konkrete løsninger, så du kan sikre, at dine danske brugere oplever en fejlfri tekst.

Historisk baggrund og kodningsproblemer

Problemerne med æ, ø og å opstod allerede i de tidlige dage af internettet, hvor ASCII var dominerende. ASCII indeholdt ikke danske tegn, så man måtte ty til alternative kodninger som ISO 8859-1 (Latin-1) eller Windows-1252. Først med Unicode (UTF-8) blev der skabt en universel standard, der inkluderede alle danske tegn. Alligevel ses der stadig fejl, især på ældre systemer eller i e-mails, hvor tegnkodningen kan være forkert angivet. I webfonte er problemet ofte, at en font simpelthen ikke indeholder glyffer for æ, ø og å – eller at de er designet på en måde, der ikke matcher de danske forventninger.

Manglende glyffer i webfonte

Nogle webfonte, især gratis eller niche-fonte, mangler de danske tegn. Hvis du bruger en font uden æ, ø, å, vil browseren falde tilbage til en anden font, hvilket ofte resulterer i en grim blanding. En løsning er at vælge webfonte, der eksplicit understøtter Latin Extended-A (Unicode-blokken, der indeholder æ, ø, å). Mange professionelle fontudbydere som Monotype, Linotype og Google Fonts angiver, hvilke sprog der understøttes. For eksempel understøtter Google Fonts som Roboto, Open Sans og Lato danske tegn. Hvis du designer med display-fonte til overskrifter, bør du også tjekke, om de inkluderer danske tegn – læs mere i vores artikel Display-fonte til overskrifter.

CSS font-stack og fallback-strategi

For at undgå rendering-problemer bør du altid definere en font-stack med flere fallback-fonte. Brug først din primære webfont, derefter en systemfont, der med garanti har danske tegn. Eksempel:

font-family: 'MinWeBFont', 'Segoe UI', 'Arial', sans-serif;

På Windows har Segoe UI danske tegn, på macOS har Helvetica Neue og San Francisco dem, og på Linux har DejaVu Sans dem. Du kan også bruge en generisk fallback som sans-serif, men vær opmærksom på, at browserens valg kan variere. En mere robust metode er at bruge @font-face med unicode-range for kun at indlæse glyffer for danske tegn, hvis du har en font, der mangler dem. Dette kan dog være komplekst og kræver en font, der kan opdeles.

Font-formater og understøttelse

Forskellige webfont-formater har forskellig understøttelse af tegnsæt. WOFF2 er i dag det mest effektive format og understøttes af alle moderne browsere. WOFF og TTF er også udbredte. Ældre formater som EOT (Internet Explorer) og SVG (kun iOS) er stort set udfasede. Når du vælger en webfont, bør du sikre dig, at den leveres i WOFF2-format og inkluderer Latin Extended-A. Mange danske webfonte, som Playfair Display eller Source Sans Pro, har dette. Hvis du arbejder med monospace-fonte til kode, kan du læse vores artikel Monospace-pairing til kode.

CSS-teknikker: text-rendering og font-feature-settings

Nogle browsere anvender standardindstillinger, der kan forvrænge danske tegn. For eksempel kan text-rendering: optimizeLegibility i nogle tilfælde forbedre læsbarhed, men det kan også forårsage, at browseren anvender ligaturer, der ikke findes for danske tegn. Det er sjældent et problem med æ, ø, å, men vær opmærksom. En anden nyttig CSS-egenskab er font-feature-settings, som kan slå specifikke typografiske funktioner til eller fra. For danske tegn er der dog sjældent brug for dette, medmindre du bruger en font med alternative varianter af æ eller ø.

Test på tværs af enheder og browsere

Det er afgørende at teste dine webfonte på forskellige enheder og browsere, især på ældre versioner af Internet Explorer, som stadig bruges i nogle danske virksomheder. Brug værktøjer som BrowserStack eller LambdaTest til at simulere forskellige miljøer. Sørg for at inkludere en række ord med danske tegn som “æble”, “øl”, “gå” og “sønderjylland” i din test. Hvis du oplever problemer, kan du overveje at bruge en systemfont som fallback – læs mere i vores guide Typografi til print vs. web.

Værktøjer og ressourcer til at tjekke tegnsæt

Der findes flere online værktøjer, der kan hjælpe dig med at kontrollere, om en webfont understøtter danske tegn. Fontdrop og Wakamai Fondue giver dig mulighed for at indlæse en font og se, hvilke Unicode-blokke der er dækket. Google Fonts har også en oversigt over sprogunderstøttelse. Hvis du selv designer webfonte, kan du bruge programmer som Glyphs eller FontForge til at tilføje danske tegn. Priserne for kommercielle skrifttyper varierer typisk fra 200-800 DKK per fontstil hos danske forhandlere som Københavns Typografiske Forening eller internationale udbydere. For at parre en serif-font med en sans-serif til dansk tekst, se vores artikel Pairing af serif med sans-serif.

Relaterede artikler

  • Gotisk skrift – historie og brug
  • Renæssancens antikva
  • Moderne sans-serif-udvikling
  • Pairing af sans-serif med serif
  • Display-fonte til overskrifter