BRAND TM BIGSYSTEM
Web Font Combinations Cheat Sheet
Confused about which typeface families work well together? This cheat sheet provides font combinations three different ways:
1. Web standard fonts that everyone has on their systems* 2. Google Font API, a free service* 3. Typekit, a paid font service by Adobe
*Want to check to see how system and Google font combinations look on a web page and see them at different sizes? Try the handy Web Font Combinator tool: http://font-combinator.com/
Web Standard Font Combinations
The 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?
©BigBrandSystem.com 1 BRAND TM BIGSYSTEM
Web Standard Font Combinations, continued
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?
©BigBrandSystem.com 2 BRAND TM BIGSYSTEM
Google Font API
The Google Font API serves up customized fonts to your site for free. Find out more at: https://fonts.google.com/
©BigBrandSystem.com 3 BRAND TM BIGSYSTEM
Google Font Combinations, continued
©BigBrandSystem.com 4 BRAND TM BIGSYSTEM
Google Font Combinations, continued
©BigBrandSystem.com 5 BRAND TM BIGSYSTEM
Typekit
Typekit is owned by Adobe, and offers a broad range of customized fonts you can use on your site. They 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/
©BigBrandSystem.com 6 BRAND TM BIGSYSTEM
Typekit Font Combinations, continued
©BigBrandSystem.com 7 BRAND TM BIGSYSTEM
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 discover Beautiful Typography
©BigBrandSystem.com 8