{"id":12,"date":"2022-05-17T18:23:53","date_gmt":"2022-05-17T18:23:53","guid":{"rendered":"https:\/\/wbcollective.dev\/fonts\/?page_id=12"},"modified":"2025-05-24T22:22:27","modified_gmt":"2025-05-24T22:22:27","slug":"styles","status":"publish","type":"page","link":"https:\/\/wbcollective.dev\/fonts\/","title":{"rendered":"Home"},"content":{"rendered":"
\n\n

Google Font Pairing Inspiration<\/h1>\n\n\n\n

Choosing fonts can be hard, so I created this list of Google font pairs to give you some ideas. Each font name links to the Google fonts page showing the complete typeface.<\/p>\n\n\n\n

<\/circle> <\/svg><\/span>All titles \u2013 Fluid 2.4rem to 2rem with 1.2em line height<\/span><\/p>\n\n\n\n

<\/circle> <\/svg><\/span>All paragraph text \u2013 1.2rem with 1.5em line height<\/span><\/p>\n\n<\/div><\/div>\n\n

\n
\n
\n\n
Sora 600<\/a><\/div>\n\n\n\n
<\/path><\/svg><\/span><\/div>\n\n\n\n
Source Sans 400<\/a><\/div>\n\n<\/div><\/div><\/div>\n\n
\n\n

It\u2019s not what you look at that matters, it\u2019s what you see.<\/h2>\n\n\n\n

Pharetra montes fringilla habitant congue integer ultricies nisi dui nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas ipsum imperdiet maximus. Integer primis cubilia vivamus aptent eros gravida rutrum dignissim.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n<\/div><\/div>\n\n

\n
\n
\n\n
Inria Serif 700<\/a><\/div>\n\n\n\n
<\/path><\/svg><\/span><\/div>\n\n\n\n
Inria Sans 400<\/a><\/div>\n\n<\/div><\/div><\/div>\n\n
\n\n

It\u2019s not what you look at that matters, it\u2019s what you see.<\/h2>\n\n\n\n

Pharetra montes fringilla habitant congue integer ultricies nisi dui nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas ipsum imperdiet maximus. Integer primis cubilia vivamus aptent eros gravida rutrum dignissim.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n<\/div><\/div>\n\n

\n
\n
\n\n
Poppins 600<\/a><\/div>\n\n\n\n
<\/path><\/svg><\/span><\/div>\n\n\n\n
Public Sans 400<\/a><\/div>\n\n<\/div><\/div><\/div>\n\n
\n\n

It\u2019s not what you look at that matters, it\u2019s what you see.<\/h2>\n\n\n\n

Pharetra montes fringilla habitant congue integer ultricies nisi dui nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas ipsum imperdiet maximus. Integer primis cubilia vivamus aptent eros gravida rutrum dignissim.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n<\/div><\/div>\n\n

\n
\n
\n\n
Urbanist 700<\/a><\/div>\n\n\n\n
<\/path><\/svg><\/span><\/div>\n\n\n\n
Albert Sans 400<\/a><\/div>\n\n<\/div><\/div><\/div>\n\n
\n\n

It\u2019s not what you look at that matters, it\u2019s what you see.<\/h2>\n\n\n\n

Pharetra montes fringilla habitant congue integer ultricies nisi dui nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas ipsum imperdiet maximus. Integer primis cubilia vivamus aptent eros gravida rutrum dignissim.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n<\/div><\/div>\n\n

\n
\n
\n\n
Figtree 700<\/a><\/div>\n\n\n\n
<\/path><\/svg><\/span><\/div>\n\n\n\n
oxygen 400<\/a><\/div>\n\n<\/div><\/div><\/div>\n\n
\n\n

It\u2019s not what you look at that matters, it\u2019s what you see.<\/h2>\n\n\n\n

Pharetra montes fringilla habitant congue integer ultricies nisi dui nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas ipsum imperdiet maximus. Integer primis cubilia vivamus aptent eros gravida rutrum dignissim.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n<\/div><\/div>\n\n

\n
\n
\n\n
Barlow Semi Cond 700<\/a><\/div>\n\n\n\n
<\/path><\/svg><\/span><\/div>\n\n\n\n
Nunito Sans 400<\/a><\/div>\n\n<\/div><\/div><\/div>\n\n
\n\n

It\u2019s not what you look at that matters, it\u2019s what you see.<\/h2>\n\n\n\n

Pharetra montes fringilla habitant congue integer ultricies nisi dui nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas ipsum imperdiet maximus. Integer primis cubilia vivamus aptent eros gravida rutrum dignissim.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n<\/div><\/div>\n\n

\n
\n
\n\n
Gelasio 700<\/a><\/div>\n\n\n\n
<\/path><\/svg><\/span><\/div>\n\n\n\n
Cabin 400<\/a><\/div>\n\n<\/div><\/div><\/div>\n\n
\n\n

It\u2019s not what you look at that matters, it\u2019s what you see.<\/h2>\n\n\n\n

Pharetra montes fringilla habitant congue integer ultricies nisi dui nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas ipsum imperdiet maximus. Integer primis cubilia vivamus aptent eros gravida rutrum dignissim.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n<\/div><\/div>\n\n

\n
\n
\n\n
Outfit 800<\/a><\/div>\n\n\n\n
<\/path><\/svg><\/span><\/div>\n\n\n\n
Sansation 400<\/a><\/div>\n\n<\/div><\/div><\/div>\n\n
\n\n

It\u2019s not what you look at that matters, it\u2019s what you see.<\/h2>\n\n\n\n

Pharetra montes fringilla habitant congue integer ultricies nisi dui nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas ipsum imperdiet maximus. Integer primis cubilia vivamus aptent eros gravida rutrum dignissim.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n<\/div><\/div>\n\n

\n
\n
\n\n
Syne 600<\/a><\/div>\n\n\n\n
<\/path><\/svg><\/span><\/div>\n\n\n\n
Be Vietnam Pro 400<\/a><\/div>\n\n<\/div><\/div><\/div>\n\n
\n\n

It\u2019s not what you look at that matters, it\u2019s what you see.<\/h2>\n\n\n\n

Pharetra montes fringilla habitant congue integer ultricies nisi dui nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas ipsum imperdiet maximus. Integer primis cubilia vivamus aptent eros gravida rutrum dignissim.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n<\/div><\/div>\n\n

\n
\n
\n\n
Noto Serif 700<\/a><\/div>\n\n\n\n
<\/path><\/svg><\/span><\/div>\n\n\n\n
Castoro 400<\/a><\/div>\n\n<\/div><\/div><\/div>\n\n
\n\n

It\u2019s not what you look at that matters, it\u2019s what you see.<\/h2>\n\n\n\n

Pharetra montes fringilla habitant congue integer ultricies nisi dui nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas ipsum imperdiet maximus. Integer primis cubilia vivamus aptent eros gravida rutrum dignissim. <\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n<\/div><\/div>\n\n

\n
\n
\n\n
Contrail One 400<\/a><\/div>\n\n\n\n
<\/path><\/svg><\/span><\/div>\n\n\n\n
Overpass 400<\/a><\/div>\n\n<\/div><\/div><\/div>\n\n
\n\n

It\u2019s not what you look at that matters, it\u2019s what you see.<\/h2>\n\n\n\n

Pharetra montes fringilla habitant congue integer ultricies nisi dui nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas ipsum imperdiet maximus. Integer primis cubilia vivamus aptent eros gravida rutrum dignissim.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n<\/div><\/div>\n\n

\n
\n
\n\n
Barlow 600<\/a><\/div>\n\n\n\n
<\/path><\/svg><\/span><\/div>\n\n\n\n
Inter 400<\/a><\/div>\n\n<\/div><\/div><\/div>\n\n
\n\n

It\u2019s not what you look at that matters, it\u2019s what you see.<\/h2>\n\n\n\n

Pharetra montes fringilla habitant congue integer ultricies nisi dui nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas ipsum imperdiet maximus. Integer primis cubilia vivamus aptent eros gravida rutrum dignissim.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n<\/div><\/div>\n\n

\n
\n
\n\n
Antonio 400<\/a><\/div>\n\n\n\n
<\/path><\/svg><\/span><\/div>\n\n\n\n
Roboto Condensed 400<\/a><\/div>\n\n<\/div><\/div><\/div>\n\n
\n\n

It\u2019s not what you look at that matters, it\u2019s what you see.<\/h2>\n\n\n\n

Pharetra montes fringilla habitant congue integer ultricies nisi dui nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas ipsum imperdiet maximus. Integer primis cubilia vivamus aptent eros gravida rutrum dignissim.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n<\/div><\/div>\n\n

\n
\n
\n\n
Be Vietnam Pro 700<\/a><\/div>\n\n\n\n
<\/path><\/svg><\/span><\/div>\n\n\n\n
Fira Sans 400<\/a><\/div>\n\n<\/div><\/div><\/div>\n\n
\n\n

It\u2019s not what you look at that matters, it\u2019s what you see.<\/h2>\n\n\n\n

Pharetra montes fringilla habitant congue integer ultricies nisi dui nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas ipsum imperdiet maximus. Integer primis cubilia vivamus aptent eros gravida rutrum dignissim.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n<\/div><\/div>\n\n

\n
\n
\n\n
Playfair Display 700<\/a><\/div>\n\n\n\n
<\/path><\/svg><\/span><\/div>\n\n\n\n
Cabin 400<\/a><\/div>\n\n<\/div><\/div><\/div>\n\n
\n\n

It\u2019s not what you look at that matters, it\u2019s what you see.<\/h2>\n\n\n\n

Pharetra montes fringilla habitant congue integer ultricies nisi dui nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas ipsum imperdiet maximus. Integer primis cubilia vivamus aptent eros gravida rutrum dignissim.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n<\/div><\/div>\n\n

\n
\n
\n\n
Questrial 700<\/a><\/div>\n\n\n\n
<\/path><\/svg><\/span><\/div>\n\n\n\n
Barlow 400<\/a><\/div>\n\n<\/div><\/div><\/div>\n\n
\n\n

It\u2019s not what you look at that matters, it\u2019s what you see.<\/h2>\n\n\n\n

Pharetra montes fringilla habitant congue integer ultricies nisi dui nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas ipsum imperdiet maximus. Integer primis cubilia vivamus aptent eros gravida rutrum dignissim.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n<\/div><\/div>\n\n

\n
\n
\n\n
Prata 400<\/a><\/div>\n\n\n\n
<\/path><\/svg><\/span><\/div>\n\n\n\n
PT Sans 400<\/a><\/div>\n\n<\/div><\/div><\/div>\n\n
\n\n

It\u2019s not what you look at that matters, it\u2019s what you see.<\/h2>\n\n\n\n

Pharetra montes fringilla habitant congue integer ultricies nisi dui nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas ipsum imperdiet maximus. Integer primis cubilia vivamus aptent eros gravida rutrum dignissim.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n<\/div><\/div>\n\n

\n
\n
\n\n
Bitter 700<\/a><\/div>\n\n\n\n
<\/path><\/svg><\/span><\/div>\n\n\n\n
Oxygen 400<\/a><\/div>\n\n<\/div><\/div><\/div>\n\n
\n\n

It\u2019s not what you look at that matters, it\u2019s what you see.<\/h2>\n\n\n\n

Pharetra montes fringilla habitant congue integer ultricies nisi dui nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas ipsum imperdiet maximus. Integer primis cubilia vivamus aptent eros gravida rutrum dignissim.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n<\/div><\/div>\n\n

\n
\n
\n\n
Libre Baskerville 700 <\/a><\/div>\n\n\n\n
<\/path><\/svg><\/span><\/div>\n\n\n\n
Libre Franklin 400<\/a><\/div>\n\n<\/div><\/div><\/div>\n\n
\n\n

It\u2019s not what you look at that matters, it\u2019s what you see.<\/h2>\n\n\n\n

Pharetra montes fringilla habitant congue integer ultricies nisi dui nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas ipsum imperdiet maximus. Integer primis cubilia vivamus aptent eros gravida rutrum dignissim.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n<\/div><\/div>\n\n

\n
\n
\n\n
Maven Pro 700<\/a><\/div>\n\n\n\n
<\/path><\/svg><\/span><\/div>\n\n\n\n
Open Sans 400<\/a><\/div>\n\n<\/div><\/div><\/div>\n\n
\n\n

It\u2019s not what you look at that matters, it\u2019s what you see.<\/h2>\n\n\n\n

Pharetra montes fringilla habitant congue integer ultricies nisi dui nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas ipsum imperdiet maximus. Integer primis cubilia vivamus aptent eros gravida rutrum dignissim.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n<\/div><\/div>\n\n

\n
\n
\n\n
Oswald 700<\/a><\/div>\n\n\n\n
<\/path><\/svg><\/span><\/div>\n\n\n\n
Noto Serif 400<\/a><\/div>\n\n<\/div><\/div><\/div>\n\n
\n\n

It\u2019s not what you look at that matters, it\u2019s what you see.<\/h2>\n\n\n\n

Pharetra montes fringilla habitant congue integer ultricies nisi dui nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas ipsum imperdiet maximus. Integer primis cubilia vivamus aptent eros gravida rutrum dignissim.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n<\/div><\/div>\n\n

\n
\n
\n\n
Mona Sans 700<\/a><\/div>\n\n\n\n
<\/path><\/svg><\/span><\/div>\n\n\n\n
Nunito sans 400<\/a><\/div>\n\n<\/div><\/div><\/div>\n\n
\n\n

It\u2019s not what you look at that matters, it\u2019s what you see.<\/h2>\n\n\n\n

Pharetra montes fringilla habitant congue integer ultricies nisi dui nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas ipsum imperdiet maximus. Integer primis cubilia vivamus aptent eros gravida rutrum dignissim.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n<\/div><\/div>\n\n

\n
\n
\n\n
Barlow Condensed 700<\/a><\/div>\n\n\n\n
<\/path><\/svg><\/span><\/div>\n\n\n\n
Overpass 400<\/a><\/div>\n\n<\/div><\/div><\/div>\n\n
\n\n

It\u2019s not what you look at that matters, it\u2019s what you see.<\/h2>\n\n\n\n

Pharetra montes fringilla habitant congue integer ultricies nisi dui nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas ipsum imperdiet maximus. Integer primis cubilia vivamus aptent eros gravida rutrum dignissim.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n<\/div><\/div>\n\n

\n
\n
\n\n
Zilla Slab 500<\/a><\/div>\n\n\n\n
<\/path><\/svg><\/span><\/div>\n\n\n\n
Albert Sans 400<\/a><\/div>\n\n<\/div><\/div><\/div>\n\n
\n\n

It\u2019s not what you look at that matters, it\u2019s what you see.<\/h2>\n\n\n\n

Pharetra montes fringilla habitant congue integer ultricies nisi dui nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas ipsum imperdiet maximus. Integer primis cubilia vivamus aptent eros gravida rutrum dignissim.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n<\/div><\/div>\n\n

\n
\n
\n\n
Overpass 700<\/a><\/div>\n\n\n\n
<\/path><\/svg><\/span><\/div>\n\n\n\n
Noto Sans 400<\/a><\/div>\n\n<\/div><\/div><\/div>\n\n
\n\n

It\u2019s not what you look at that matters, it\u2019s what you see.<\/h2>\n\n\n\n

Pharetra montes fringilla habitant congue integer ultricies nisi dui nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas ipsum imperdiet maximus. Integer primis cubilia vivamus aptent eros gravida rutrum dignissim.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n<\/div><\/div>\n\n

\n
\n
\n\n
Inter 700<\/a><\/div>\n\n\n\n
<\/path><\/svg><\/span><\/div>\n\n\n\n
Inter 400<\/a><\/div>\n\n<\/div><\/div><\/div>\n\n
\n\n

It\u2019s not what you look at that matters, it\u2019s what you see.<\/h2>\n\n\n\n

Pharetra montes fringilla habitant congue integer ultricies nisi dui nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas ipsum imperdiet maximus. Integer primis cubilia vivamus aptent eros gravida rutrum dignissim.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n<\/div><\/div>\n\n

\n
\n
\n\n
Lora 400<\/a><\/div>\n\n\n\n
<\/path><\/svg><\/span><\/div>\n\n\n\n
nunito Sans 400<\/a><\/div>\n\n<\/div><\/div><\/div>\n\n
\n\n

It\u2019s not what you look at that matters, it\u2019s what you see.<\/h2>\n\n\n\n

Pharetra montes fringilla habitant congue integer ultricies nisi dui nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas ipsum imperdiet maximus. Integer primis cubilia vivamus aptent eros gravida rutrum dignissim.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n<\/div><\/div>\n\n

\n
\n
\n\n
coda 400<\/a><\/div>\n\n\n\n
<\/path><\/svg><\/span><\/div>\n\n\n\n
Open Sans 400<\/a><\/div>\n\n<\/div><\/div><\/div>\n\n
\n\n

It\u2019s not what you look at that matters, it\u2019s what you see.<\/h2>\n\n\n\n

Pharetra montes fringilla habitant congue integer ultricies nisi dui nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas ipsum imperdiet maximus. Integer primis cubilia vivamus aptent eros gravida rutrum dignissim.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n<\/div><\/div>\n\n

\n
\n
\n\n
source serif 600<\/a><\/div>\n\n\n\n
<\/path><\/svg><\/span><\/div>\n\n\n\n
lato 400<\/a><\/div>\n\n<\/div><\/div><\/div>\n\n
\n\n

It\u2019s not what you look at that matters, it\u2019s what you see.<\/h2>\n\n\n\n

Pharetra montes fringilla habitant congue integer ultricies nisi dui nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas ipsum imperdiet maximus. Integer primis cubilia vivamus aptent eros gravida rutrum dignissim.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n<\/div><\/div>\n\n

\n\n

Thanks for stopping by & check back for updates!<\/p>\n\n\n

\n\nMade by Mike Oliver<\/span><\/path><\/svg><\/span><\/a>\n\n<\/div>\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"

Google Font Pairing Inspiration Choosing fonts can be hard, so I created this list of Google font pairs to give you some ideas. Each font name links to the Google fonts page showing the complete typeface. All titles \u2013 Fluid 2.4rem to 2rem with 1.2em line height All paragraph text \u2013 1.2rem with 1.5em line … Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/wbcollective.dev\/fonts\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wbcollective.dev\/fonts\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wbcollective.dev\/fonts\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wbcollective.dev\/fonts\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wbcollective.dev\/fonts\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":77,"href":"https:\/\/wbcollective.dev\/fonts\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":30179,"href":"https:\/\/wbcollective.dev\/fonts\/wp-json\/wp\/v2\/pages\/12\/revisions\/30179"}],"wp:attachment":[{"href":"https:\/\/wbcollective.dev\/fonts\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}