Website Design Elements
Fonts
Instructions
There are several font samples below from Google’s font collection. Please choose one font family from the Serif or Sans Serif category for us to use in your new website design. (Optional: Select a second font family under the Display, Handwriting or Monospace category.)
E-mail your selection(s) to WorkOrders@SmartAccessMedia.com with the subject: “Website Design Elements.”
Serif
A serif is "a slight projection finishing off a stroke of a letter in certain typefaces." Serif typfaces are traditionally used in print and are still considered by many to make it easier for a reader to consume large bodies of text. Choose a serif typeface to present the main content on your website and make the information consumable and easy to read.
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Font Family: Bree Serif
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Font Family: Crimson Text
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Font Family: Neuton
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Font Family: Old Standard TT
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Font Family: Spectral SC
Sans Serif
Sans serif typfaces do not contain serifs on any of the letters in the typface. Sans serif typefaces are generally more modern than serif typefaces. Sans serif typefaces are in widespread use on digital media (and also in print media). Choose a sans serif typeface to present the main content on your website and make the information consumable and easy to read.
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Font Family: Barlow Condensed
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Font Family: Lato
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Font Family: Open Sans
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Font Family: Oswald
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Font Family: Roboto
Display
Display typefaces often contain highly unique and customized characters. They are best used in a limited capacity for logos, headers or quotes. Generally, they are not appropriate for large bodies of text as they can be difficult to read at smaller font sizes.
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Font Family: Bangers
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Font Family: Oregano
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Font Family: Ranchers
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Font Family: Shrikhand
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Font Family: Special Elite
Handwriting
Handwritten typefaces often contain highly unique and customized characters. They are best used in a limited capacity for logos, headers or quotes. Generally, they are not appropriate for large bodies of text as they can be difficult to read at smaller font sizes.
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Font Family: Amatic SC
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQ
RSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Font Family: Great Vibes
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Font Family: Indie Flower
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQ
RSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Font Family: Pacifico
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Font Family: Satisfy
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Font Family: Shadows Into Light
Monospace
Monospace typefaces contain fixed-width characters that each occupy the same amount of horizontal space; they are best used to display technical information, or in limited design scenarios (logo, headers or quotes) where the specific intent is to accomplish the look and feel of an old typewriter. Generally, monospace typefaces are not appropriate for large bodies of text, unless it's technical information.
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Font Family: Cutive Mono
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Font Family: Inconsolata
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Font Family: Roboto Mono
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Font Family: Share Tech Mono
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Font Family: Source Code Pro
Don’t see anything you like? Check out the full font collection on Google Fonts.