Using Fonts In Minimalist Web Design

by Effi on Jun 26, 2008
in CSS1 Comment


Minimalist web design should use fonts that screen friendly and web safe fonts. Web safe fonts are fonts that are common along all version of Windows, Mac, Linux, etc. I recommend you to use 2 or 3 different type of fonts, for the title, content, and navigation.

Font-family property is a prioritized list of font names. Here are the list of font-family. I use this to help me designing website.

Arial, Helvetica, sans-serif
‘Times New Roman’, Times, serif
‘Courier New’, Courier, monospace
Georgia, ‘Times New Roman’, Times, serif
Verdana, Arial, Helvetica, sans-serif
Geneva, Arial, Helvetica, sans-serif
‘Arial Black’, Gadget, sans-serif
‘Bookman Old Style’, serif
‘Comic Sans MS’, cursive
Courier, monospace
Garamond, serif
Impact, Charcoal, sans-serif
‘Lucida Console’, Monaco, monospace
‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif
‘MS Sans Serif’, Geneva, sans-serif
‘MS Serif’, ‘New York’, sans-serif
‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif
Symbol, sans-serif
Tahoma, Geneva, sans-serif
‘Trebuchet MS’, Helvetica, sans-serif

I also add screenshots of how they look in different web browser:

preview-ie-windows.jpg

preview-firefox-windows.jpg

preview-firefox-mac.jpg

Download these premium wordpress themes for free.

One Response to “Using Fonts In Minimalist Web Design”

  1. Paula says:

    Good for people to know.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>