The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

CSS Font Families

Last updated on:


Arial, sans-serif;
Helvetica, sans-serif;
Gill Sans, sans-serif;
Lucida, sans-serif;
Helvetica Narrow, sans-serif;


Times, serif;
Times New Roman, serif;
Palatino, serif;
Bookman, serif;
New Century Schoolbook, serif;


Andale Mono, monospace;
Courier New, monospace;
Courier, monospace;
Lucidatypewriter, monospace;
Fixed, monospace;


Comic Sans, Comic Sans MS, cursive;
Zapf Chancery, cursive;
Coronetscript, cursive;
Florence, cursive;
Parkavenue, cursive;


Impact, fantasy;
Arnoldboecklin, fantasy;
Oldtown, fantasy;
Blippo, fantasy;
Brushstroke, fantasy;


  1. Jonathan
    Permalink to comment#

    How come Georgia is missing?

    • Chris Radford

      Georgia, serif; – you probably guessed that though!

      I did wonder the same thing, although there are an awful lot of fonts out there so its no surprise a few are missing.

    • imgeweb

      Very very nice ;)

    • Faudzif
      Permalink to comment#

      You have to add Georgia manually from css font family panel name of option “Edit Font List”

  2. Lol-zanite
    Permalink to comment#

    I believe there is also a corbel missing… Please correct me if I’m wrong…

    font-family: corbel;

  3. wolf
    Permalink to comment#


  4. whom
    Permalink to comment#

    please ask me that how to install font in dreamwear

    • B Johnson
      Permalink to comment#

      You don’t need to install a font in Dreamweaver. It is is your main fonts within your system or should be installed within your system fonts.

      If you are referring to the Font-Family list within Dreamweaver, it depends on the version of DW you are using. Just search for something like, “font-families” or “install font family” under the Help menu and you should find the area or menu area in which to do this. It is probably under “PREFERENCES” within the main “File” menu, but I cannot say for sure.

      The help menu is my 1st stop for any quick help I need, but that is just me. Good luck

  5. Gayle
    Permalink to comment#

    Is there a way to find out which font family a font you may wish to use falls into. For example if I want to download and use a Colossalis font how do I find out which family it may fall into so that I can use a fallback list with the generic font at the end – hope this makes sense.

  6. Ashish
    Permalink to comment#

    Hi..can you please tell me whats name for u.s 101 font-family in css

Leave a Comment

Posting Code

We highly encourage you to post problematic HTML/CSS/JavaScript over on CodePen and include the link in your post. It's much easier to see, understand, and help with when you do that.

Markdown is supported, so you can write inline code like `<div>this</div>` or multiline blocks of code in in triple backtick fences like this:

  function example() {
    element.innerHTML = "<div>code</div>";

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed