Tag: typografi

  • Monospace, Display og Scriptfonte: Hvad er forskellen, og hvornår bruger man dem?

    1. Hvad er monospace skrifttyper?

    Monospace (eller fast bredde) skrifttyper har samme bredde for alle tegn – hver enkelt bogstav, punktum og mellemrum fylder præcist det samme.

    Eksempler:

    • Courier
    • Consolas
    • IBM Plex Mono

    Egenskaber:

    • Teknisk og mekanisk udtryk
    • Let at læse i kolonner og koder
    • Brugt i programmering, regneark, tabeller og teknisk dokumentation

    2. Hvad er display skrifttyper?

    Displayfonte er skrifttyper designet til store størrelser og visuel effekt, ikke til lange tekster. De er ofte kreative, dekorative eller stiliserede.

    Eksempler:

    • Bebas Neue
    • Playfair Display
    • Impact
    • Blackletter og retrofonte

    Egenskaber:

    • Høj visuel identitet
    • Bruges til plakater, overskrifter, branding og events
    • Ikke egnet til brødtekst – lav læsbarhed i små størrelser

    3. Hvad er script skrifttyper?

    Scriptfonte ligner håndskrift eller kalligrafi. De kan være formelle og elegante eller uformelle og legende.

    Eksempler:

    • Brush Script
    • Pacifico
    • Allura
    • Great Vibes

    Egenskaber:

    • Bruges i invitationer, logoer, citater og branding
    • Udtrykker personlighed, varme og stil
    • Bør bruges sparsomt og aldrig til lange tekster

    Sammenligning: Monospace vs. Display vs. Script

    SkrifttypeFormålTypisk brug
    MonospaceEns bredde, tekniskKodning, tabeller, fakturaer
    DisplayVisuelt, dekorativtPlakater, reklamer, overskrifter
    ScriptHåndskrift, stil og følelseInvitationer, citater, logoer
  • Typografiske begreber: Kerning, Leading og Tracking forklaret

    Typografiske begreber: Kerning, Leading og Tracking forklaret

    1. Hvad er kerning?

    Kerning handler om afstanden mellem to specifikke bogstaver. Det bruges til at finjustere parvise mellemrum, så tekst fremstår visuelt balanceret.

    Eksempel:

    • I ordet “AV” kan bogstaverne virke for langt fra hinanden uden kerning.
    • Med korrekt kerning justeres mellemrum, så det ser naturligt ud for øjet.

    Anvendes til:

    • Overskrifter og logotyper
    • Fine tekstjusteringer i brandingmaterialer

    2. Hvad er leading?

    Leading (udtales ledding) er linjeafstanden – altså hvor meget luft der er mellem linjerne i en tekstblok.

    Anbefalinger:

    • Typisk 120–140 % af skriftstørrelsen for god læsbarhed
    • Ved 12 pt skrift → 14,4–16,8 pt i leading

    Effekter:

    • For tæt leading = svært at læse og klaustrofobisk
    • For løs leading = teksten “flyder fra hinanden” og mister rytme

    Brug:

    • Brødtekst, artikler, bøger, magasiner

    3. Hvad er tracking?

    Tracking justerer afstanden mellem alle bogstaver i en tekstblok – i modsætning til kerning, der kun påvirker enkelte bogstavpar.

    Bruges til at:

    • Skabe luft og elegance i overskrifter
    • Komprimere tekst på små formater
    • Justere typografi visuelt, fx i logoer eller citater

    Eksempel:

    • Positiv tracking (ekstra mellemrum) = åbent, eksklusivt look
    • Negativ tracking (tættere bogstaver) = kompakt, kraftfuldt udtryk

    Sammenligning af kerning, leading og tracking

    BegrebFunktionBruges til
    KerningJustering mellem to bogstaverLogoer, overskrifter
    LeadingLodret afstand mellem tekstlinjerBrødtekst, bøger, artikler
    TrackingHorisontal afstand i hele tekstenOverskrifter, designjustering
  • Skriftvalg til trykte materialer: Sådan vælger du den rigtige font

    Skriftvalg til trykte materialer: Sådan vælger du den rigtige font

    Hvorfor er skriftvalg vigtigt i tryk?

    Skrifttypen, du vælger til dine trykte materialer, har stor betydning for både læsevenlighed, stemning og brandidentitet. En forkert font kan gøre selv det bedste layout uprofessionelt – mens en velvalgt skrifttype løfter hele designet.


    Hvad skal du overveje?

    1. Læsbarhed

    • Serif-skrifttyper (fx Garamond, Minion, Georgia) er ofte bedre til lange tekster i tryk, fordi serifferne guider øjet fra ord til ord.
    • Undgå for tynde skrifter i små størrelser – de kan forsvinde på papir.
    • Brug skrifttyper med god x-højde og tydelig forskel på tegn (fx “l” og “1”).

    2. Papirkvalitet

    • ubestrøget papir kan meget fine skrifter flyde ud – vælg derfor skrifttyper med lidt ekstra vægt.
    • Bestrøget papir tillader højere detaljegrad og skarphed – her kan tyndere eller mere dekorative skrifter bruges.

    3. Trykmetode

    • Offsettryk gengiver detaljer bedre end digitaltryk – relevant ved små tekster og fine linjer.
    • Ved præg, folie og lak bør skrifttyper være lidt større og mere robuste.

    Skrifttyper til forskellige tryksager

    TryksagAnbefalede skrifttyper
    BøgerGaramond, Minion, Sabon, Bembo
    Magasiner og aviserFreight Text, Utopia, Times New Roman
    Brochurer/foldereFutura, Avenir, Helvetica, FF Meta
    Visitkort og logoGotham, Bodoni, Didot, Univers
    PlakaterImpact, DIN, Akzidenz Grotesk, Bebas Neue

    Kombinér skrifttyper med omtanke

    • Vælg én skrifttype til brødtekst og én anden til overskrifter for kontrast.
    • Brug font-familier med mange vægte (light, regular, bold) for fleksibilitet.
    • Sørg for, at skrifttyperne komplementerer hinanden – undgå for mange stilarter på én side.
  • Skriftstørrelser og læsbarhed: Sådan vælger du rigtigt i tryk og webdesign

    Skriftstørrelser og læsbarhed: Sådan vælger du rigtigt i tryk og webdesign

    Hvorfor er skriftstørrelse vigtig?

    Skriftstørrelsen spiller en central rolle i læsevenligheden og den overordnede brugeroplevelse. Hvis teksten er for lille, bliver den svær at læse – og hvis den er for stor, virker layoutet ustruktureret.

    En velvalgt skriftstørrelse sikrer:

    • Hurtig læsning uden anstrengelse
    • Tydelig informationsstruktur
    • Professionelt og afbalanceret design

    Anbefalede skriftstørrelser i tryksager

    TeksttypeAnbefalet størrelse (tryk)
    Brødtekst10–12 pt
    Overskrifter18–36 pt (afhængig af format)
    Billedtekster7–9 pt
    Fodnoter6–8 pt
    VisitkortMin. 6 pt (helst 8–9 pt)

    OBS: Ved ældre målgrupper anbefales minimum 12 pt for brødtekst.


    Anbefalede skriftstørrelser til digitalt design

    EnhedBrødtekst (px/em)Overskrift (px)
    Desktop16–18 px (1em)24–48 px
    Tablet15–17 px22–36 px
    Mobil14–16 px20–32 px

    Brug responsivt design med relative enheder (em/rem) for fleksibilitet.


    Faktorer der påvirker læsbarhed

    • Skriftvalg: Sans-serif foretrækkes til skærm, serif til tryk
    • Linjeafstand (leading): 120–140 % af skriftstørrelsen anbefales
    • Linjelængde: 50–75 tegn pr. linje er ideelt
    • Kontrast: Høj kontrast mellem tekst og baggrund øger læsbarhed
    • Papirvalg: Ubestrøget papir dæmper farver og kontrast

    Skriftstørrelse og tilgængelighed

    For at overholde tilgængelighedsstandarder (WCAG) skal du sikre:

    • Minimum 14–16 px til brødtekst på web
    • Skalérbare skrifttyper
    • Kontrastforhold på mindst 4,5:1 mellem tekst og baggrund
  • Typografiske hierarkier: Struktur og læsevenlighed i grafisk design

    Typografiske hierarkier: Struktur og læsevenlighed i grafisk design

    Hvad er typografisk hierarki?

    Typografisk hierarki er princippet om at organisere tekst i lag, så læseren hurtigt kan afkode, hvad der er vigtigst – fx titel, underoverskrift, brødtekst og billedtekster. Det opnås gennem variation i:

    • Skriftstørrelse
    • Vægt (bold, regular, light)
    • Farve
    • Versaler/versaler
    • Skriftfamilie og afstand

    Et godt hierarki skaber overblik, læsevenlighed og æstetik i både trykte og digitale materialer.


    Eksempel på hierarkiske niveauer

    NiveauFunktionTypiske egenskaber
    1. NiveauHovedtitelStor skriftstørrelse, bold, ofte caps
    2. NiveauMellemrubrikker / sektionstitlerMedium størrelse, semibold
    3. NiveauUnderoverskrifterMindre størrelse, regular italic
    BrødtekstHovedindhold10–12 pt, let læselig skrifttype
    Supplerende tekstBilledtekster, noterLille, gråtonet, evt. condensed

    Hvorfor er hierarki vigtigt?

    • Guiding: Læseren ved, hvor øjet skal starte og i hvilken rækkefølge
    • Effektiv formidling: Budskabet kommer klart og struktureret frem
    • Visuelt flow: Teksten virker mindre kompakt og lettere at skimme
    • Brandkonsistens: Et fast hierarki styrker genkendelse og professionalisme

    Tips til stærkt typografisk hierarki

    • Begræns antal skrifttyper – brug maks. 2–3
    • Arbejd med kontrast: størrelse, tykkelse og farve
    • Brug linjeafstand (leading) for luft og klarhed
    • Gentag struktur i hele dokumentet – skab rytme
    • Overvej responsiv tilpasning i webdesign

    Typografiske hierarkier i tryk vs. digitalt

    EgenskabTryksagerDigitale medier
    SkriftstørrelseFast og præcisSkal kunne tilpasse skærmstørrelser
    LæseafstandOfte tættere påTypisk større afstand (mobil, desktop)
    NavigationLineærKlikbart – kræver tydelige ankre
  • Serif vs. Sans-serif: Hvad er forskellen, og hvornår bruger man hvad?

    Serif vs. Sans-serif: Hvad er forskellen, og hvornår bruger man hvad?

    Hvad er en serif skrifttype?

    Serif-skrifttyper har små “fødder” eller streger for enden af bogstavernes hovedstrøg. De stammer fra klassisk romersk inskription og giver et traditionelt og autoritativt udtryk.

    Eksempler på serif-skrifttyper:

    • Times New Roman
    • Garamond
    • Georgia
    • Baskerville

    Karakteristika:

    • Klassisk og elegant
    • Lettere at læse i lange tekster på tryk
    • Associeret med tradition, autoritet og seriøsitet

    Hvad er en sans-serif skrifttype?

    Sans-serif betyder bogstaveligt talt “uden serif”. Disse skrifttyper har rene, enkle linjer uden de dekorative afslutninger.

    Eksempler på sans-serif-skrifttyper:

    • Helvetica
    • Arial
    • Futura
    • Open Sans

    Karakteristika:

    • Moderne og minimalistisk
    • Meget læsbar på digitale skærme
    • Associeret med teknologi, innovation og klar kommunikation

    Hvornår bruger man hvad?

    AnvendelseSerifSans-serif
    Trykte bøgerLetlæselig i længere brødtekstBruges til overskrifter
    WebsitesKan virke tungt på skærmHøj læsbarhed på digitale medier
    BrandingTraditionelt og seriøstModerne og venligt
    Redaktionelt layoutKlassisk avis- eller magasinlookRent, fladt, visuelt neutralt
    Luksus og historiePremium og detaljeret udtrykMere funktionelt og teknisk

    Kombiner serif og sans-serif

    Mange professionelle designs bruger kombinationen af serif og sans-serif:

    • Serif til overskrifter + sans-serif til brødtekst
    • Omvendt i print, hvor serif bruges i teksten og sans-serif til callouts

    Det skaber kontrast, hierarki og variation, uden at forstyrre læsbarheden.