02. Font Types serif, sans-serif, monospace

There are quite a few fonts out there, but they can all be broken down into three main categories: Serif, Sans-serif and Monospace.

1) Serif

Serif fonts contain a bit of extra detail at the ends of the main strokes. These fonts were considered easier to read back in the olden days. Some serif fonts that we still use today include: Georgia, Times New Roman, and Palatino.

2) Sans-serif

Sans-serif includes all fonts that have straight ends to letters. They are not only considered "modern" and "clean," but are also said to be easier to read, especially when the text is small. In fact, this font that you're right right now is a Sans-serif font. Some examples include: Arial, Comic Sans, and Tahoma.

3) Monospace

Monospace fonts are unique in that they have fixed-width, which makes great for displaying code. Examples include: Courier New, Lucida Console, and Monaco.

There are two other categories that are mainly used for headings, or for special designs. We advise that you do not use this as your body text, as it can be difficult to read.

Now that you know the different types of fonts, let's learn how to get them installed onto your viewers' browser.

Build modern and responsive webpages

Responsive Typography

Build modern and responsive webpages Try Front-end

Responsive web design helps your site maintain its design integrity on a variety of screen sizes, but how does it affect your typography? With this practical book, graphic designers, web designers, and front-end developers alike will learn the nuts and bolts of how to get the best appearance from type without sacrificing performance on any device.

$ Check price
24.9924.99Amazon 4.5 logo(3+ reviews)

More Front-end resources

Aching back from coding all day?

Self-Massage Tool

Aching back from coding all day? Try Back Problems

Relieve spasms, tight muscles, trigger points and pressure points with the Body Back Buddy! This trigger point massage is designed to help you self-message any area of your body - especially those that are hard to reach. Keeping your muscles relaxes and out of contraction is importan in helping to reduce pain and prevent muscle injury.

$ Check price
29.9529.95Amazon 4.5 logo(3,443+ reviews)

More Back Problems resources

Ad