Tekst på hjemmesider

Inden du vælger skrifttyper til din hjemmeside, skal du tage stilling til hvordan du ønsker at opbygge dine hjemmesider. Lange tekster kan være tunge at læse på en skærm og det er derfor en god idé at ombryde al den tekst du ligger online. En god og nem måde at ombryde tekst på er i afsnit, se eksempel med pink tekst længere nede på siden.

Når du kommer til valg af typografi, vil jeg anbefale at du holde dig til to skrifttyper, en til overskrift og en til resten. Sørg for at vælge en såkaldt 'web sikker skrifttype', for at sikre at de besøgende ser hjemmesiden med den skrifttype som du har ønsket.


Tabel nederst på siden viser de 'web sikre skrifttyper' du bør holde dig til. Alle skrifttyperne er testet og kan læses i alle browsere og på alle enheder.

Overskrift

Intro tekst. Vestibulum euismod elementum feugiat. Nam blandit velit at augue mollis auctor.

Brødtekst. Consectetur vel enim ut, mattis scelerisque ante. Aliquam tempus tortor sit amet libero molestie, et lacinia lectus volutpat. In hac habitasse platea dictumst. Mauris elementum elit fringilla condimentum congue. 

Mellemrubrik

Brødtekst. Sed sagittis ante quis sem lobortis consectetur. Vivamus vitae lobortis nibh. Proin eget rhoncus nibh. Praesent eleifend tortor odio, sit amet molestie lacus mollis quis. Morbi volutpat odio semper nisl consequat.

Serif Fonts

font-family	Example text
Georgia, serif	This is a heading This is a paragraph
"Palatino Linotype", "Book Antiqua", Palatino, serif	This is a heading This is a paragraph
"Times New Roman", Times, serif	This is a heading This is a paragraph

Sans-Serif Fonts

font-family	Example text
Arial, Helvetica, sans-serif	This is a heading This is a paragraph
"Arial Black", Gadget, sans-serif	This is a heading This is a paragraph
"Comic Sans MS", cursive, sans-serif	This is a heading This is a paragraph
Impact, Charcoal, sans-serif	This is a heading This is a paragraph
"Lucida Sans Unicode", "Lucida Grande", sans-serif	This is a heading This is a paragraph
Tahoma, Geneva, sans-serif	This is a heading This is a paragraph
"Trebuchet MS", Helvetica, sans-serif	This is a heading This is a paragraph
Verdana, Geneva, sans-serif	This is a heading This is a paragraph

Monospace Fonts

font-family	Example text
"Courier New", Courier, monospace	This is a heading This is a paragraph
"Lucida Console", Monaco, monospace	This is a heading This is a paragraph