The Ultimate Guide to Font Pairing

Guy Kawasaki
Guy KawasakiChief evangelist, Canva at Wikimedia Foundation
T H E U LT I M A T E G U I D E
T I P S & T R I C K S
FONT PAIRING
LIKE A PRO
L E T T H E R E B E T Y P E
If you’re not a professional designer, we’ve added a little
glossary to help with the design lingo.
Some words you might not know
L U S C I O U S L I N E S
Applying a bold font can compliment a short word nicely,
used in the centre it will also anchor your design.
Julius Sans One & Roboto Condensed Bold
C R I S P C O N T R A S T
You don’t have to use different fonts to get a dramatic effect,
use light and bold versions of the same family for versatility.
Archivo Narrow & Raleway Regular/Bold
L U X E L E G I B I L I T Y
Using an italic pronounces a word or subhead without having to
change font-families. Libre Baskerville offers a variation of styles.
Libre Baskerville Regular & Italic
T W I S T O N T R A D I T I O N
Finding fonts that look similar for your header, sub and body
is a clever way to create nuance within your text.
Coustard & Arvo
W H I C H C O M B O A R E
T I P S & T R I C K S
YOU EXCITED
TO TRY?
1 of 7

Recommended

Logo case studies by
Logo case studiesLogo case studies
Logo case studiesthartwell123
234 views4 slides
Assessment 2 test slideshow by
Assessment 2 test slideshowAssessment 2 test slideshow
Assessment 2 test slideshowBraedonSwinburne
204 views8 slides
Kako je nastao Oglasindo logotip by
Kako je nastao Oglasindo logotipKako je nastao Oglasindo logotip
Kako je nastao Oglasindo logotipLimundo
1.4K views137 slides
Logo case studies by
Logo case studiesLogo case studies
Logo case studiesthartwell123
167 views4 slides
Portfolio Storyboard by
Portfolio StoryboardPortfolio Storyboard
Portfolio StoryboardRose Jenkins
537 views5 slides
Style Sheets by
Style SheetsStyle Sheets
Style SheetsFran Davies
111 views4 slides

More Related Content

Viewers also liked

Designing for a Better User Experience by
Designing for a Better User ExperienceDesigning for a Better User Experience
Designing for a Better User ExperienceBuiltByHQ
44.2K views18 slides
Wireframes for WordPress by
Wireframes for WordPressWireframes for WordPress
Wireframes for WordPressJohn Housholder
4.9K views18 slides
Neuro Web Design: What makes them click by
Neuro Web Design: What makes them clickNeuro Web Design: What makes them click
Neuro Web Design: What makes them clickSusan Weinschenk
56.1K views21 slides
Responsive Web Design & Workflows for Todays Web (THE UX-MEN at The Hive, Hon... by
Responsive Web Design & Workflows for Todays Web (THE UX-MEN at The Hive, Hon...Responsive Web Design & Workflows for Todays Web (THE UX-MEN at The Hive, Hon...
Responsive Web Design & Workflows for Todays Web (THE UX-MEN at The Hive, Hon...Holger Bartel
27.9K views86 slides
Typography in Web Design (WordCamp Toronto 2014) by
Typography in Web Design (WordCamp Toronto 2014)Typography in Web Design (WordCamp Toronto 2014)
Typography in Web Design (WordCamp Toronto 2014)Jasmine Vesque
32K views88 slides
CSS3 Media Queries: Mobile Elixir or CSS Snake Oil by
CSS3 Media Queries: Mobile Elixir or CSS Snake OilCSS3 Media Queries: Mobile Elixir or CSS Snake Oil
CSS3 Media Queries: Mobile Elixir or CSS Snake Oiljameswillweb
43.3K views51 slides

Viewers also liked(8)

Designing for a Better User Experience by BuiltByHQ
Designing for a Better User ExperienceDesigning for a Better User Experience
Designing for a Better User Experience
BuiltByHQ44.2K views
Neuro Web Design: What makes them click by Susan Weinschenk
Neuro Web Design: What makes them clickNeuro Web Design: What makes them click
Neuro Web Design: What makes them click
Susan Weinschenk56.1K views
Responsive Web Design & Workflows for Todays Web (THE UX-MEN at The Hive, Hon... by Holger Bartel
Responsive Web Design & Workflows for Todays Web (THE UX-MEN at The Hive, Hon...Responsive Web Design & Workflows for Todays Web (THE UX-MEN at The Hive, Hon...
Responsive Web Design & Workflows for Todays Web (THE UX-MEN at The Hive, Hon...
Holger Bartel27.9K views
Typography in Web Design (WordCamp Toronto 2014) by Jasmine Vesque
Typography in Web Design (WordCamp Toronto 2014)Typography in Web Design (WordCamp Toronto 2014)
Typography in Web Design (WordCamp Toronto 2014)
Jasmine Vesque32K views
CSS3 Media Queries: Mobile Elixir or CSS Snake Oil by jameswillweb
CSS3 Media Queries: Mobile Elixir or CSS Snake OilCSS3 Media Queries: Mobile Elixir or CSS Snake Oil
CSS3 Media Queries: Mobile Elixir or CSS Snake Oil
jameswillweb43.3K views
An introduction to Usability by Erlend Debast
An introduction to UsabilityAn introduction to Usability
An introduction to Usability
Erlend Debast14.2K views

Similar to The Ultimate Guide to Font Pairing

Basic Design Theory - 2 by
Basic Design Theory - 2Basic Design Theory - 2
Basic Design Theory - 2Karina Ananta
684 views19 slides
Downloadable style guide by
Downloadable style guideDownloadable style guide
Downloadable style guideFereshtehAmani2
78 views43 slides
Creating IMPACT: Using Text in Slide Design by
Creating IMPACT: Using Text in Slide DesignCreating IMPACT: Using Text in Slide Design
Creating IMPACT: Using Text in Slide DesignPaul Brown
21.9K views24 slides
Presentation creation design, typography rules, research skills & canva tutor... by
Presentation creation design, typography rules, research skills & canva tutor...Presentation creation design, typography rules, research skills & canva tutor...
Presentation creation design, typography rules, research skills & canva tutor...Heather Krueger
714 views30 slides
What the Font? A Quick & Helpful Guide for Professional Typography Usage by
What the Font? A Quick & Helpful Guide for Professional Typography UsageWhat the Font? A Quick & Helpful Guide for Professional Typography Usage
What the Font? A Quick & Helpful Guide for Professional Typography Usagedezinegirl creative studio
2.7K views16 slides
Anatomy of Type - Introduction.pdf by
Anatomy of Type - Introduction.pdfAnatomy of Type - Introduction.pdf
Anatomy of Type - Introduction.pdfRossMatthews19
66 views22 slides

Similar to The Ultimate Guide to Font Pairing(20)

Creating IMPACT: Using Text in Slide Design by Paul Brown
Creating IMPACT: Using Text in Slide DesignCreating IMPACT: Using Text in Slide Design
Creating IMPACT: Using Text in Slide Design
Paul Brown21.9K views
Presentation creation design, typography rules, research skills & canva tutor... by Heather Krueger
Presentation creation design, typography rules, research skills & canva tutor...Presentation creation design, typography rules, research skills & canva tutor...
Presentation creation design, typography rules, research skills & canva tutor...
Heather Krueger714 views
Anatomy of Type - Introduction.pdf by RossMatthews19
Anatomy of Type - Introduction.pdfAnatomy of Type - Introduction.pdf
Anatomy of Type - Introduction.pdf
RossMatthews1966 views
HOTR Woman 2 Woman Brand Style Guide by mindkraft
HOTR Woman 2 Woman Brand Style GuideHOTR Woman 2 Woman Brand Style Guide
HOTR Woman 2 Woman Brand Style Guide
mindkraft693 views
Makharijul Huruf ا (alif ) sampai ظ (zho) by nana
Makharijul Huruf   ا  (alif ) sampai ظ (zho)Makharijul Huruf   ا  (alif ) sampai ظ (zho)
Makharijul Huruf ا (alif ) sampai ظ (zho)
nana 259 views
POW! Your Point Handout 2: Design Basics by MesaPublicLibrary
POW! Your Point Handout 2: Design BasicsPOW! Your Point Handout 2: Design Basics
POW! Your Point Handout 2: Design Basics
MesaPublicLibrary503 views
Basic formatting by robbie98
Basic formattingBasic formatting
Basic formatting
robbie98162 views
Basic format robeertaaa carrillooo5656767897890 by a1597
Basic format robeertaaa carrillooo5656767897890Basic format robeertaaa carrillooo5656767897890
Basic format robeertaaa carrillooo5656767897890
a159798 views
Basic format robeertaaa carrillooo5656767897890 by a1597
Basic format robeertaaa carrillooo5656767897890Basic format robeertaaa carrillooo5656767897890
Basic format robeertaaa carrillooo5656767897890
a1597120 views
VA1160 - Class 11 by Bryan Chung
VA1160 - Class 11VA1160 - Class 11
VA1160 - Class 11
Bryan Chung295 views

More from Guy Kawasaki

How to Perfect Your Personal Marketing by
How to Perfect Your Personal MarketingHow to Perfect Your Personal Marketing
How to Perfect Your Personal MarketingGuy Kawasaki
86.5K views71 slides
How to Perfect Your Pitch by
How to Perfect Your Pitch How to Perfect Your Pitch
How to Perfect Your Pitch Guy Kawasaki
29.4K views18 slides
The Art of the Start 2.0 Presentation Checklist by
The Art of the Start 2.0 Presentation ChecklistThe Art of the Start 2.0 Presentation Checklist
The Art of the Start 2.0 Presentation ChecklistGuy Kawasaki
78.8K views1 slide
How to Pack a Punch With Social Media by
How to Pack a Punch With Social MediaHow to Pack a Punch With Social Media
How to Pack a Punch With Social MediaGuy Kawasaki
70.8K views58 slides
If I Knew Then What I Know Now/Skills That I Think Students Should Have/What ... by
If I Knew Then What I Know Now/Skills That I Think Students Should Have/What ...If I Knew Then What I Know Now/Skills That I Think Students Should Have/What ...
If I Knew Then What I Know Now/Skills That I Think Students Should Have/What ...Guy Kawasaki
72.3K views29 slides
The Only 10 Slides You Need in Your Pitch Deck from The Art of the Start 2.0 by
The Only 10 Slides You Need in Your Pitch Deck from The Art of the Start 2.0The Only 10 Slides You Need in Your Pitch Deck from The Art of the Start 2.0
The Only 10 Slides You Need in Your Pitch Deck from The Art of the Start 2.0Guy Kawasaki
208.4K views1 slide

More from Guy Kawasaki(20)

How to Perfect Your Personal Marketing by Guy Kawasaki
How to Perfect Your Personal MarketingHow to Perfect Your Personal Marketing
How to Perfect Your Personal Marketing
Guy Kawasaki86.5K views
How to Perfect Your Pitch by Guy Kawasaki
How to Perfect Your Pitch How to Perfect Your Pitch
How to Perfect Your Pitch
Guy Kawasaki29.4K views
The Art of the Start 2.0 Presentation Checklist by Guy Kawasaki
The Art of the Start 2.0 Presentation ChecklistThe Art of the Start 2.0 Presentation Checklist
The Art of the Start 2.0 Presentation Checklist
Guy Kawasaki78.8K views
How to Pack a Punch With Social Media by Guy Kawasaki
How to Pack a Punch With Social MediaHow to Pack a Punch With Social Media
How to Pack a Punch With Social Media
Guy Kawasaki70.8K views
If I Knew Then What I Know Now/Skills That I Think Students Should Have/What ... by Guy Kawasaki
If I Knew Then What I Know Now/Skills That I Think Students Should Have/What ...If I Knew Then What I Know Now/Skills That I Think Students Should Have/What ...
If I Knew Then What I Know Now/Skills That I Think Students Should Have/What ...
Guy Kawasaki72.3K views
The Only 10 Slides You Need in Your Pitch Deck from The Art of the Start 2.0 by Guy Kawasaki
The Only 10 Slides You Need in Your Pitch Deck from The Art of the Start 2.0The Only 10 Slides You Need in Your Pitch Deck from The Art of the Start 2.0
The Only 10 Slides You Need in Your Pitch Deck from The Art of the Start 2.0
Guy Kawasaki208.4K views
Social Media Secrets by Guy Kawasaki
Social Media SecretsSocial Media Secrets
Social Media Secrets
Guy Kawasaki173.1K views
The Art of the Start—How to Kick Start your New Job #First90 by Guy Kawasaki
The Art of the Start—How to Kick Start your New Job #First90The Art of the Start—How to Kick Start your New Job #First90
The Art of the Start—How to Kick Start your New Job #First90
Guy Kawasaki113.9K views
The Art of Social Media: LinkedIn edition by Guy Kawasaki
The Art of Social Media: LinkedIn editionThe Art of Social Media: LinkedIn edition
The Art of Social Media: LinkedIn edition
Guy Kawasaki43.8K views
The Art of Social Media Infographic by Guy Kawasaki
The Art of Social Media InfographicThe Art of Social Media Infographic
The Art of Social Media Infographic
Guy Kawasaki17.4K views
The Art of Picking a Co-founder by Guy Kawasaki
The Art of Picking a Co-founder The Art of Picking a Co-founder
The Art of Picking a Co-founder
Guy Kawasaki147.2K views
How to Self-Publish a Book by Guy Kawasaki
How to Self-Publish a BookHow to Self-Publish a Book
How to Self-Publish a Book
Guy Kawasaki104.2K views
10 Inspirational Freedom Quotes by Guy Kawasaki
10 Inspirational Freedom Quotes10 Inspirational Freedom Quotes
10 Inspirational Freedom Quotes
Guy Kawasaki18.8K views
Let's Stop the Glorification of Busy by Guy Kawasaki
Let's Stop the Glorification of BusyLet's Stop the Glorification of Busy
Let's Stop the Glorification of Busy
Guy Kawasaki100.6K views
How to Create the Perfect Social-Media Post by Guy Kawasaki
How to Create the Perfect Social-Media PostHow to Create the Perfect Social-Media Post
How to Create the Perfect Social-Media Post
Guy Kawasaki556.1K views
The Art of Branding by Guy Kawasaki by Guy Kawasaki
The Art of Branding by Guy KawasakiThe Art of Branding by Guy Kawasaki
The Art of Branding by Guy Kawasaki
Guy Kawasaki175.2K views
10 Inspirational Quotes for Graduation by Guy Kawasaki
10 Inspirational Quotes for Graduation10 Inspirational Quotes for Graduation
10 Inspirational Quotes for Graduation
Guy Kawasaki302.4K views
10 Inspirational Quotes for Mother's Day by Guy Kawasaki
10 Inspirational Quotes for Mother's Day10 Inspirational Quotes for Mother's Day
10 Inspirational Quotes for Mother's Day
Guy Kawasaki227.3K views
10 Disruptive Quotes for Entrepreneurs by Guy Kawasaki
10 Disruptive Quotes for Entrepreneurs10 Disruptive Quotes for Entrepreneurs
10 Disruptive Quotes for Entrepreneurs
Guy Kawasaki414.5K views
The Art of Innovation--TedXBerkeley 2014 by Guy Kawasaki
The Art of Innovation--TedXBerkeley 2014The Art of Innovation--TedXBerkeley 2014
The Art of Innovation--TedXBerkeley 2014
Guy Kawasaki51K views

Recently uploaded

IEC 600068-2-39 ENVIROMENT TESTING COMBINED TEMPERATURE LOW HUMIDTY.pdf by
IEC 600068-2-39 ENVIROMENT TESTING COMBINED TEMPERATURE LOW HUMIDTY.pdfIEC 600068-2-39 ENVIROMENT TESTING COMBINED TEMPERATURE LOW HUMIDTY.pdf
IEC 600068-2-39 ENVIROMENT TESTING COMBINED TEMPERATURE LOW HUMIDTY.pdfNirmalanGanapathy1
9 views36 slides
Scopic UX Design Test Task.pdf by
Scopic UX Design Test Task.pdfScopic UX Design Test Task.pdf
Scopic UX Design Test Task.pdfAtiqur Rahaman
302 views36 slides
SS25 Fashion Key Items trend book by
SS25 Fashion Key Items trend bookSS25 Fashion Key Items trend book
SS25 Fashion Key Items trend bookPeclers Paris
148 views4 slides
The Report is Dead, Long Live the Report ! Communicating Usability Research F... by
The Report is Dead, Long Live the Report ! Communicating Usability Research F...The Report is Dead, Long Live the Report ! Communicating Usability Research F...
The Report is Dead, Long Live the Report ! Communicating Usability Research F...Centralis
5 views72 slides
Figma Prototype A to Z.pdf by
Figma Prototype A to Z.pdfFigma Prototype A to Z.pdf
Figma Prototype A to Z.pdfAtiqur Rahaman
18 views30 slides
Anthelmintic Drugs-Medicinal Chemistry by
Anthelmintic Drugs-Medicinal ChemistryAnthelmintic Drugs-Medicinal Chemistry
Anthelmintic Drugs-Medicinal ChemistryNarminHamaaminHussen
6 views23 slides

Recently uploaded(20)

IEC 600068-2-39 ENVIROMENT TESTING COMBINED TEMPERATURE LOW HUMIDTY.pdf by NirmalanGanapathy1
IEC 600068-2-39 ENVIROMENT TESTING COMBINED TEMPERATURE LOW HUMIDTY.pdfIEC 600068-2-39 ENVIROMENT TESTING COMBINED TEMPERATURE LOW HUMIDTY.pdf
IEC 600068-2-39 ENVIROMENT TESTING COMBINED TEMPERATURE LOW HUMIDTY.pdf
Scopic UX Design Test Task.pdf by Atiqur Rahaman
Scopic UX Design Test Task.pdfScopic UX Design Test Task.pdf
Scopic UX Design Test Task.pdf
Atiqur Rahaman302 views
SS25 Fashion Key Items trend book by Peclers Paris
SS25 Fashion Key Items trend bookSS25 Fashion Key Items trend book
SS25 Fashion Key Items trend book
Peclers Paris148 views
The Report is Dead, Long Live the Report ! Communicating Usability Research F... by Centralis
The Report is Dead, Long Live the Report ! Communicating Usability Research F...The Report is Dead, Long Live the Report ! Communicating Usability Research F...
The Report is Dead, Long Live the Report ! Communicating Usability Research F...
Centralis5 views
TISFLEET WEB DESIGN PROJECT by Rabius Sany
TISFLEET WEB DESIGN PROJECTTISFLEET WEB DESIGN PROJECT
TISFLEET WEB DESIGN PROJECT
Rabius Sany39 views
StratPlanning Manual 220713.pdf by Lakewalk Media
StratPlanning Manual 220713.pdfStratPlanning Manual 220713.pdf
StratPlanning Manual 220713.pdf
Lakewalk Media15 views
Sudden Deafness Design Document by wyfangherman
Sudden Deafness Design DocumentSudden Deafness Design Document
Sudden Deafness Design Document
wyfangherman48 views
Free World aids day Template from Best presentation design agency by slideceotemplates
Free World aids day Template from Best presentation design agencyFree World aids day Template from Best presentation design agency
Free World aids day Template from Best presentation design agency
217 Drive - All on upper.pptx by vidstor282
217 Drive - All on upper.pptx217 Drive - All on upper.pptx
217 Drive - All on upper.pptx
vidstor28215 views
Design System in Figma A to Z.pdf by Atiqur Rahaman
Design System in Figma A to Z.pdfDesign System in Figma A to Z.pdf
Design System in Figma A to Z.pdf
Atiqur Rahaman22 views
Designing Effective AR Experiences by Kumar Ahir
Designing Effective AR ExperiencesDesigning Effective AR Experiences
Designing Effective AR Experiences
Kumar Ahir5 views
Oregon Ducks 4 Spencer Webb Hoodie by brandshop1
Oregon Ducks 4 Spencer Webb HoodieOregon Ducks 4 Spencer Webb Hoodie
Oregon Ducks 4 Spencer Webb Hoodie
brandshop113 views

The Ultimate Guide to Font Pairing

  • 1. T H E U LT I M A T E G U I D E T I P S & T R I C K S FONT PAIRING LIKE A PRO
  • 2. L E T T H E R E B E T Y P E If you’re not a professional designer, we’ve added a little glossary to help with the design lingo. Some words you might not know
  • 3. L U S C I O U S L I N E S Applying a bold font can compliment a short word nicely, used in the centre it will also anchor your design. Julius Sans One & Roboto Condensed Bold
  • 4. C R I S P C O N T R A S T You don’t have to use different fonts to get a dramatic effect, use light and bold versions of the same family for versatility. Archivo Narrow & Raleway Regular/Bold
  • 5. L U X E L E G I B I L I T Y Using an italic pronounces a word or subhead without having to change font-families. Libre Baskerville offers a variation of styles. Libre Baskerville Regular & Italic
  • 6. T W I S T O N T R A D I T I O N Finding fonts that look similar for your header, sub and body is a clever way to create nuance within your text. Coustard & Arvo
  • 7. W H I C H C O M B O A R E T I P S & T R I C K S YOU EXCITED TO TRY?