Typografi er grundlæggende forskellig, når den anvendes til print versus web. Hvor print har en fast opløsning og kontrolleret medie, skal webtopografi tilpasse sig variable skærmstørrelser, lysforhold og enheder. For danske designere kommer der yderligere hensyn til Æ, Ø og Å samt lokale skrifttypeleverandører. Denne artikel gennemgår de væsentligste forskelle med konkrete danske eksempler.

Opløsning og skærmkontrast

Print har typisk en opløsning på 300-2400 dpi (dots per inch), mens de fleste skærme ligger på 72-150 ppi (pixels per inch). Det betyder, at tynde streger og fine detaljer, som fungerer i tryksager, ofte bliver utydelige på skærm. Webfonte skal derfor have større x-højde, åbne former og robuste konturer for at bevare læsbarheden. Danske skriftdesignere som Kasper Pyndt og Morten Rostgaard Olsen har udviklet webfonte med netop disse egenskaber, f.eks. Rostgaard Regular, der anvender store stigere og tydelige kontraster.

Licensmodeller: print vs. web

Printlicenser er ofte engangsbetalinger baseret på antal trykte eksemplarer eller oplag. Weblicenser er derimod typisk årlige abonnementer baseret på sidevisninger eller domæner. Eksempelvis koster en weblicens til GT Walsheim fra Grilli Type ca. 1.500 DKK pr. år for op til 100.000 sidevisninger, mens en printlicens for samme skrifttype koster omkring 800 DKK pr. trykt titel. Danske foundries som Kontrapunkt og Playtype tilbyder begge modeller. Playtypes weblicens starter fra 995 DKK årligt for deres Standard sortiment.

Læsbarhed og linjeafstand

På web anbefales en linjeafstand på 1,4-1,6 gange skriftstørrelsen for brødtekst, mens print ofte klarer sig med 1,2-1,4. Årsagen er, at skærmens baggrundsbelysning og lavere kontrast kræver mere luft mellem linjerne for at lede øjet. Læsbarhed og linjeafstand er afgørende for læsehastighed og -komfort. Danske undersøgelser peger på, at en linjeafstand på 1,5 er optimal for danske skærmtekster, især ved brødtekst i 16-18 px.

Skrifttypevalg: serif vs. sanserif

Print har traditionelt brugt seriffer til brødtekst, mens web ofte favoriserer sanseriffer for at undgå takker, der kan virke uklare på skærm. Men med moderne skærme og forbedret hinting er grænsen udvisket. Pairing sanserif med serif er en populær teknik, f.eks. at bruge Source Serif Pro til brødtekst og Source Sans Pro til overskrifter. Danske eksempler: Raleway (sanserif) kombineret med Libre Baskerville (serif) bruges ofte på danske kulturhjemmesider.

Danske bogstaver: Æ, Ø og Å

Mange internationale skrifttyper mangler korrekte danske tegn eller har dem som dårlige tilføjelser. Det er vigtigt at vælge skrifttyper, der understøtter de danske bogstaver i alle vægte og stilarter. ÆØÅ-problemer og løsninger beskriver, hvordan man undgår glyph-fejl. Danske foundries som TypeBy og Bold Monday designer skrifttyper med særligt fokus på danske tegn. F.eks. Bold Monday’s skrifttype Uncut har gennemarbejdede Æ, Ø og Å, der passer til dansk typografi.

Webfonte og performance

Valg af webfonte påvirker sidens load-tid. En tung skrifttype med mange glyphs kan forsinke websitet. Danske designere anbefaler at bruge bedste gratis webfonte som Open Sans eller Lato til brødtekst, da de er optimerede til web. Hvis man investerer i kommercielle skrifttyper, bør man overveje kommercielle skrifttyper som investering – f.eks. koster en weblicens til Proxima Nova fra Mark Simonson Studio ca. 2.500 DKK årligt for op til 250.000 sidevisninger.

Typografisk hierarki i layout

Print har ofte et fast layout med kolonner, spalter og faste mål. Web kræver responsive designs, hvor hierarkiet skal fungere på både mobil og desktop. Typografisk hierarki og layout handler om at bruge skriftstørrelser, vægte og farver til at guide læseren. Danske hjemmesider som dr.dk bruger en kombination af Noto Sans og Noto Serif til at skabe klar skelnen mellem overskrifter, brødtekst og citater.

Konkrete danske forhandlere og priser

Flere danske foundries tilbyder webfonte med dansk support:

  • Kontrapunkt: Weblicens til Kontrapunkt Sans fra 1.200 DKK/år for op til 100.000 sidevisninger.
  • Playtype: Playtype Standard abonnement 995 DKK/år inkl. 30 skrifttyper.
  • TypeBy: TypeBy Webfont licens 1.500 DKK/år for ubegrænsede sidevisninger.
  • Bold Monday: Uncut Web licens 2.000 DKK/år for 250.000 sidevisninger.

For internationale foundries med dansk support kan nævnes Monotype og Fontsmith, der tilbyder danske tegn i deres skrifttyper. Internationale foundries med dansk støtte er en nyttig ressource.

Værktøjer og test

For at teste typografi på web anbefales værktøjer som Font Pair og Type Scale. Danske designere kan også bruge værktøjer til skriftdesign som Fontself eller Glyphs til at tilpasse danske tegn. Det er altid en god idé at teste skrifttyper på flere enheder og skærmstørrelser, især for at sikre, at Æ, Ø og Å vises korrekt.

Relaterede artikler

  • Den komplette guide til dansk typografi
  • Læsbarhed og linjeafstand
  • ÆØÅ-problemer og løsninger
  • Bedste gratis webfonte
  • Pairing sanserif med serif