When using this combination, use Josefin Sans as your body text. This font is sans serif and not always the most versatile choice. Mix typefaces: Extending the topic of contrast you can use mix typefaces like serif and sans serif to create a nice balance in your page. Are you looking for the best Google fonts for your website? This font combination will add a very feminine touch to any website or blog. All the text is editable just click on the title or description to edit the text so you can see exactly how your text looks in this font combination. This font combination also works well when describing high end products. You can obviously use some premium fonts to make your design stand out from the rest but as you know premium fonts come with its own price tag. There are so many different Google fonts to choose from. Let’s get the jargon out of the way quickly. If you continue to use this site we will assume that you are happy with it. With a grotesque sans serif typeface for the headings, a refined serif body font, and pastel shades in the palette. Type.io. It is a Display Type font in western style. Thank you so much for such a beautiful and informative blog, helped me solve the issue and also enjoyed reading it Raleway and Open Sans Sometimes, simple font pairings are the ones that make the most impact—as is the case with Raleway and Open Sans. However, these tips will help you to get started with great font combos. With a nod to the past, this great font also has a contemporary touch. As a font combination, Merriweather and Montserrat create a great balance between classic and modern design. Remember that the accompanying images below are just examples of what they … Likewise, a traditional calligraphic font won’t give the correct message for children’s parties. Montserrat's light, modern sans-serif letterforms offset Courier New's heavier, retro vibe perfectly. Learn how to pair fonts, and which fonts to use to make sure your users have the best experience. On the other hand, it can be hard to find the best Google fonts for your site. If this is your starting point, take your chosen font pairing and be sure to extend it to all other brand-related documents that you’re producing. What you see is what you get and there are no pretences at all. The professional aesthetic created by this font combination gives an impression of quality. One more step is needed. No more limited options or standard choices. 117 Free Christmas fonts to use for holiday projects, Best free fonts for logos: 72 modern and creative logo fonts, Retro Fonts: 90 Free Vintage Fonts To Download, Best Thin Fonts: Free Light Fonts To Download, The best free fonts to use on your website, Cool Signature Font Examples (Pick The Best Autograph Font), Colorful Typography illustrated Through Paper Art – 26 Designs, Fantasy font options to download with a click to your computer, 8 Great Black Friday 2020 Deals for Web Designers and Design Teams, Why Website Design Matters for Your eCommerce Store, 5 Sites That Let You Design Your Own Footwear, Best FinTech innovations impacting customer experience in 2020, How To Start A Design Agency After A Successful Freelancing Career, How to add fonts to Inkscape (Quick and easy guide), What font does Supreme use? Which are the top Google fonts? In Part 3, we’re going to walk through some of our favorite type combinations from Google Fonts. 10 Google Font Combinations for Inspiration . FontPair is a typography tool that inspires the creative community to design better. Enough talking let’s get right into the font combinations. Cardo is an old world font with a classic aesthetic. Here they are: 1. Limit your use of fonts and keep your site legible. So check out my list, and pick out a combination that works best for your website. Depending on the message you wish to communicate using your brand, you will be able to choose between two different body text options. Remember to combine your fonts carefully, ensuring your typography puts across an effective message. 03. There are over 950+ fonts in the google fonts library and you can come up with all sorts of font combinations but there are some rules of thumbs you can follow to make this process easier for you. Which is why we’ve compiled this list of the top 15 Google font combinations for 2019. These fonts are therefore highly versatile when combined and make a great pair. Disclosure: Some of the links here are referral/affiliate links that means if you decide to buy through those links I’ll earn a commission at no extra cost to you. Lora & Lato. Created by Vernon Adams, find it in Easil and Google Fonts. Save my name, email, and website in this browser for the next time I comment. This is because they are different enough to make an impact. So the question comes what google font combination should we use so in this article, I’ll show you some of the best Google font pairings according to me you can use to make your design even better. Source Sans Pro can be used as a header or body text, while Playfair Display makes great body text which is particularly suited for luxury items. Easily recognizable, it adds a professional look to your website. Typography Resources Featured Pairs Popular Fonts About. You’ll be relieved to know that typography has become far less complicated in modern times. By matching your font to your brand you’ll send a strong message to your viewers. Suddenly there were a range of open source fonts and font pairs. In this article we’ll discover 21 Google Fonts combinations that look amazing when paired together. This will save you time and help you to move forward in your project. This is a great, very flexible font combination which will be a sure winner every time. Top 50 Google Font Pairings [Handpicked by Pro Designers] Alexandra Mercier, March 10, 2020. PT Sans and PT sans narrow make great Google font combinations for a site filled with old world charm. Generate. PT Sans Narrow makes an attractive heading, however, and has a great aesthetic when used in short sentences. They are both suitable as headers or texts and are legible and easy to read. Before @font-face and services like Google Fonts and Typekit, flexibility in web typography was fairly limited. The number of different font categories can range, but as long as you have more than two, you have a font superfamily. When combining these Google font pairs it helps to be cautious. This is a very versatile Google font combination which will appeal to a very wide audience. Based on old calligraphic fonts, it offers a modern interpretation. Ease: With the best Google fonts at your fingertips you won’t have to worry about searching for fonts which combine well. To save you time I have listed the most commonly used google fonts pairings but I’ve just scratched the surface of the iceberg here. With these free font pairings you can use either font as a header or body font. However, with thousands of free fonts available online, choosing the perfect combinations can be a time consuming exercise, even for experienced designers. These are the best Google font pairs for e-Commerce sites with luxury products or brands. Lora. Visit Playfair Display here and Raleway here. Not all Google font combinations work well together. The overall appearance is clean, elegant and modern. Hind Madurai How it works Github Font visualizer Logo maker. This site uses Akismet to reduce spam. The paragraph below it is Roboto regular. Let’s begin with font superfamilies. It’s important that your heading and body fonts are compatible, as choosing the right ones will lead to a more harmonious design.