Web Font Combinations Cheat Sheet: Brand
Web Font Combinations Cheat Sheet: Brand
Web Font Combinations Cheat Sheet: Brand
BIG
BRAND
SYSTEM
BigBrandSystem.com
TM
Web Font Combinations Cheat Sheet
Confused about which typeface families work well together? Tis cheat sheet provides
font combinations three diferent ways:
1. Web standard fonts that everyone has on their systems*
2. Google Font API, a free service*
3. Typekit.com, a paid font service
* Want to check to see how system and Google font combinations look on a
web page and see them at diferent sizes? Try the handy Web Font Combinator tool:
http://font-combinator.com/
Web Standard Font Combinations
Te combinations below can be implemented immediately: they use web standard
fonts that are already installed on your computer, and the computer of anyone who
visits your site.
Arial Black for Headlines
Georgia for text. This is sample text so you can see what the font looks like in para-
graph form. Is it readable? This is sample text so you can see what the font looks like in
paragraph form. Is it readable? This is sample text so you can see what the font looks
like in paragraph form. Is it readable?
Impact for Headlines
Times New Roman for text. This is sample text so you can see what the font
looks like in paragraph form. Is it readable? This is sample text so you can see
what the font looks like in paragraph form. Is it readable? This is sample text so
you can see what the font looks like in paragraph form. Is it readable?
2
BIG
BRAND
SYSTEM
BigBrandSystem.com
TM
BigBrandSystem.com
2
BIG
BRAND
SYSTEM
TM
Trebuchet Bold for Headlines
Trebuchet for text. This is sample text so you can see what the font
looks like in paragraph form. Is it readable? This is sample text so you
can see what the font looks like in paragraph form. Is it readable? This is
sample text so you can see what the font looks like in paragraph form. Is
it readable?
Georgia Bold for Headlines
Arial for text. This is sample text so you can see what the font looks like in
paragraph form. Is it readable? This is sample text so you can see what the
font looks like in paragraph form. Is it readable? This is sample text so you
can see what the font looks like in paragraph form. Is it readable?
Lucida Sans Bold for Headlines
Lucida Sans for text. This is sample text so you can see what the
font looks like in paragraph form. Is it readable? This is sample
text so you can see what the font looks like in paragraph form. Is it
readable? This is sample text so you can see what the font looks like
in paragraph form. Is it readable?
Arial Black for Headlines
Palatino for text. This is sample text so you can see what the font looks like in
paragraph form. Is it readable? This is sample text so you can see what the font
looks like in paragraph form. Is it readable? This is sample text so you can see
what the font looks like in paragraph form. Is it readable?
Web Standard Font Combinations, continued
3
BIG
BRAND
SYSTEM
BigBrandSystem.com
TM
BigBrandSystem.com
3
BIG
BRAND
SYSTEM
TM
Google Font API
Te Google Font API serves up customized fonts to your site for free. Find out more at:
http://code.google.com/apis/webfonts/
4
BIG
BRAND
SYSTEM
BigBrandSystem.com
TM
BigBrandSystem.com
4
BIG
BRAND
SYSTEM
TM
Google Font Combinations, continued
5
BIG
BRAND
SYSTEM
BigBrandSystem.com
TM
BigBrandSystem.com
5
BIG
BRAND
SYSTEM
TM
Google Font Combinations, continued
6
BIG
BRAND
SYSTEM
BigBrandSystem.com
TM
BigBrandSystem.com
6
BIG
BRAND
SYSTEM
TM
Typekit.com
Typekit.com ofers a broad range of customized fonts you can use on your site. Tey
charge an annual fee that varies by how many fonts you use, and how many page views
your site gets. Find out more at: http://typekit.com/
BIG
BRAND
SYSTEM
BigBrandSystem.com
TM
BigBrandSystem.com
BIG
BRAND
SYSTEM
TM
77
Typekit Font Combinations, continued
8
BIG
BRAND
SYSTEM
BigBrandSystem.com
TM
BigBrandSystem.com
8
BIG
BRAND
SYSTEM
TM
Typekit Font Combinations, continued
Put the power of great typography to work for your business
Pick the best fonts for your brand, and discover how to use them like a pro.
Click to get Beautiful Typography.