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

  • Use Markdown, and it will escape the code for you, like `<div class="cool">`.
  • Use triple-backticks for blocks of code.
    ``` 
    <div>
      <h1>multi-line block of code</h1>
      <span>be cool yo.</span>
    </div>
    ```
  • Otherwise, escape your code, like <code>&lt;div class="cool"&gt;</code>. Markdown is just easier though.

Current ye@r *

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