Grow your CSS skills. Land your dream job.

Last updated on:

CSS Font Families

Sans-Serif

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

Serif

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

Monospace

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

Cursive

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

Fantasy

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

Comments

  1. How come Georgia is missing?

    • 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.

    • 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…

    p{
    font-family: corbel;
    }

  3. wolf
    Permalink to comment#

    verdana?

  4. whom
    Permalink to comment#

    please ask me that how to install font in dreamwear

    • 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.

Leave a Comment

Posting Code

Markdown is supported in the comment area, so you can write inline code in backticks like `this` or multiline blocks of code in in triple backtick fences like ```this```. You don't need to escape code in backticks, Markdown does that for you.

Sadly, it's kind of broken. WordPress only accepts a subset of HTML in comments, which makes sense, because certainly some HTML can't be allowed, like <script> tags. But this stripping happens before the comment is processed by Markdown (via Jetpack). It seems to me that would be reversed, because after Markdown processes code in backticks, it's escaped, thus safe. If you think you can fix this issue, get in touch!

If you need to make sure the code (typically HTML) you post absolutely posts correctly, escape it and put it within <pre><code> tags.

Current ye@r *

*May or may not contain any actual "CSS" or "Tricks".