Font Suggestions

Here are a few suggestions for free Google fonts that you could consider using on your website.

Multipurpose Fonts (Headings and Body Text)

If in doubt about how to combine different typefaces then you could try picking just one from this section and using the bold version for headings.

Cabin

https://fonts.google.com/specimen/Cabin/about?query=cabin

https://www.typewolf.com/cabin

Example with heading font of cabin and paragraph font of cabin.
Example with heading font of cabin and paragraph font of noto sans.
Example with heading font of cabin and paragraph font of nunito sans.

Figtree

https://fonts.google.com/specimen/Figtree/about?query=figtree

https://www.erikdkennedy.com/projects/figtree.html

Figtree
Example with heading font of figtree and paragraph font of figree.

Fira Sans

https://fonts.google.com/specimen/Fira+Sans/about?query=fira+sans

https://www.typewolf.com/fira-sans

Example with heading font of fira sans and paragraph font of fira sans.

Geologica

https://fonts.google.com/specimen/Geologica/about?query=Geologica

Geologica
Example with heading font of geologica and paragraph font of geologica.
Example with heading font of geologica and paragraph font of lexend.

Inclusive Sans

https://fonts.google.com/specimen/Inclusive+Sans

https://www.oliviaking.com/inclusivesans/feature

Inclusive Sans
Example with heading font of inclusive sans and paragraph font of inclusive sans.
Example with heading font of inclusive sans and paragraph font of rotobo slab.

Inter

https://fonts.google.com/specimen/Inter/about?query=inter

https://www.typewolf.com/inter

Inter
Example with heading font of inter and paragraph font of inter.

Lato

https://fonts.google.com/specimen/Lato/about?query=lato

https://www.typewolf.com/lato

Example with heading font of lato and paragraph font of lato.

Lexend

https://fonts.google.com/specimen/Lexend

https://www.lexend.com

Example with heading font of lexend and paragraph font of lexend.
Example with heading font of geologica and paragraph font of lexend.
Example with heading font of inter and paragraph font of lexend.
Example with heading font of dm serif display and paragraph font of lexend.
Example with heading font of roboto serif and paragraph font of lexend.
Example with heading font of zilla slab and paragraph font of lexend.

Montserrat

https://fonts.google.com/specimen/Montserrat/about?query=Montserrat

https://www.typewolf.com/Montserrat

Example with heading font of montserrat and paragraph font of montserrat.

Noto Sans and Noto Serif

https://fonts.google.com/noto/specimen/Noto+Sans/about

https://fonts.google.com/noto/specimen/Noto+Serif

https://www.typewolf.com/noto-sans

Example with heading font of noto sans and paragraph font of noto sans.
Example with heading font of cabin and paragraph font of noto sans.
Example with heading font of noto serif and paragraph font of noto sans.
Example with heading font of gelasio and paragraph font of noto sans.

Nunito Sans

https://fonts.google.com/specimen/Nunito+Sans/about?query=nunito

Example with heading font of nunito sans and paragraph font of nunito sans.
Example with heading font of nunito and paragraph font of nunito sans.
Example with heading font of cabin and paragraph font of nunito sans.

Open Sans

https://fonts.google.com/specimen/Open+Sans/about?query=open+sans

https://www.typewolf.com/open-sans

Example with heading font of open sans and paragraph font of open sans.

Poppins

https://fonts.google.com/specimen/Poppins/about?query=poppins

https://www.typewolf.com/poppins

Example with heading font of poppins and paragraph font of poppins.

Raleway

https://fonts.google.com/specimen/Raleway/about?query=raleway

https://www.typewolf.com/raleway

Example with heading font of raleway and paragraph font of raleway.

Roboto

https://fonts.google.com/specimen/Roboto/about?query=roboto

https://www.typewolf.com/roboto

Example with heading font of roboto and paragraph font of roboto.
Example with heading font of roboto serif and paragraph font of roboto.
Example with heading font of roboto slab and paragraph font of roboto.

Work Sans

https://fonts.google.com/specimen/Work+Sans/about?query=work+sans

https://www.typewolf.com/work-sans

Example with heading font of work sans and paragraph font of work sans.

Frank Ruhl Libre

https://fonts.google.com/specimen/Frank+Ruhl+Libre

Example with heading font of frank ruhl libre and paragraph font of frank ruhl libre.

Gelasio

https://fonts.google.com/specimen/Gelasio

Gelasio
Example with heading font of gelasio and paragraph font of gelasio.
Example with heading font of gelasio and paragraph font of noto sans.

Lora

https://fonts.google.com/specimen/Lora/about?query=Lora

https://www.typewolf.com/Lora

Example with heading font of lora and paragraph font of lora.
Example with heading font of lora and paragraph font of fira sans.

PT Serif and PT Sans

https://fonts.google.com/specimen/PT+Serif/about?query=PT+Serif

https://www.typewolf.com/PT-Serif

https://fonts.google.com/specimen/PT+Sans/about?query=pt+sans

https://www.typewolf.com/pt-sans

Example with heading font of pt serif and paragraph font of pt serif.
Example with heading font of pt serif and paragraph font of pt serif.

Shippori Mincho

https://fonts.google.com/specimen/Shippori+Mincho/about

Example with heading font of shippori mincho and paragraph font of nunito sans.

Source Serif and Source Sans

https://fonts.google.com/specimen/Source+Serif+4/about

https://www.typewolf.com/source-serif-pro

https://fonts.google.com/specimen/Source+Sans+3/about

https://www.typewolf.com/source-sans-pro

Example with heading font of source serif 4 and paragraph font of source sans 3.


Mainly for Headings

Abril Fatface

Example with font of abril fatface.

https://fonts.google.com/specimen/Abril+Fatface

Archivo Black

Example with heading font of pt serif and paragraph font of archivo black.

Bevan

Example with heading font of bevan.

https://fonts.google.com/specimen/Bevan/about?query=bevan

Bodoni Moda

https://fonts.google.com/specimen/Bodoni+Moda/about

Example with heading font of bodoni moda and paragraph font of nunito sans.

Cabin Sketch

Example with heading font of cabin sketch.

https://fonts.google.com/specimen/Cabin+Sketch/about?query=cabin+sketch

Cardo

Example with heading font of cardo.

https://fonts.google.com/specimen/Cardo/about?query=cardo

https://www.typewolf.com/cardo

DM Serif Text

(Note that DM Serif Display could be used instead for large headings. It has more contrast with some thinner strokes for some letters.)

https://fonts.google.com/specimen/DM+Serif+Text/about

Example with heading font of dm serif text and paragraph font of noto sans.
Example with heading font of dm serif text and paragraph font of nunito sans.
Example with heading font of dm serif display and paragraph font of lexend.

Josefin Sans

Example with font of josefin sans.

https://fonts.google.com/specimen/Josefin+Sans/about?query=Josefin+Sans

League Spartan

https://fonts.google.com/specimen/League+Spartan/about

Example with heading font of league spartan and paragraph font of poppins.

Limelight

Example with font of limelight.

https://fonts.google.com/specimen/Limelight/about

Playfair Display

https://fonts.google.com/specimen/Playfair+Display/about?query=playfair+display

https://www.typewolf.com/playfair-display

Example with heading font of playfair display and paragraph font of figtree.
Example with heading font of playfair display and paragraph font of lato.
Example with heading font of playfair display and paragraph font of libre franklin.

Prata

https://fonts.google.com/specimen/Prata/about?query=prata

https://www.typewolf.com/prata

Example with heading font of prata and paragraph font of montserrat.

Special Elite

Example with font of special elite.

https://fonts.google.com/specimen/Special+Elite/about

Some Useful Links

Google Fonts
Making the web more beautiful, fast, and open through great typography
fonts.google.com
The 40 Best Google Fonts—A Curated Collection for 2023 · Typewolf
A curated collection of the absolute best free fonts available on Google Fonts in 2023—open-source and 100% free for commercial use.
www.typewolf.com
Font Pairs
wbcollective.dev
The Ultimate Collection of Google Font Pairings (Displayed Beautifully with Classic Art)
An Ultimate Collection of Google Font Pairs and Combinations! Save a tremendous amount of time, energy, and effort with our awesome 50 font pairings.
reliablepsd.com

https://www.justinmind.com/blog/best-google-web-fonts-website

https://pimpmytype.com/font-license/free

Pairing typefaces using the font matrix – Fonts Knowledge – Google Fonts
A detailed approach to combining typefaces based on their construction.
fonts.google.com
Learn to use the Power of Typography – Pimp my Type
Boost your web & app designs with pimped typography. Weekly font recommendations on Font Friday, articles & videos by Oliver Schöndorfer.
pimpmytype.com
The Font Series Guide: Introduction | Designerly
The Font Series is an in-depth guide on specific fonts and their uses throughout time. Typography will continue to dominate our world.
designerly.com
Google Web Fonts font pairing | Typ.io
164 samples of typography that use fonts from the Google Web Fonts service.
typ.io
Interactive Typography Tutorial – Learn UI Design
An interactive tutorial on typography, including how to pick great fonts, styling text, and typographical design patterns in UI design.
learnui.design
CHOOSING FONTS FOR YOUR DESIGN PROJECT
Do you find choosing fonts hard? Check out our insider guide to selecting fonts plus lots of go-to tricks.
thedesignspace.co
The Surprising Truth About Pixels and Accessibility: should I use pixels or rems?
“Should I use pixels or rems?”. In this comprehensive blog post, we’ll answer this question once and for all. You’ll learn about the accessibility implications, and how to determine the best unit to use in any scenario.
www.joshwcomeau.com
Font Playground at Fontstorage.com
Testing and selecting of fonts combinations, typography prototyping for website.
fontstorage.com
Type Scale – A Visual Calculator
Preview and choose the right type scale for your project. Experiment with font size, scale and different webfonts.
typescale.com