The average man considers which flavor of Doritos will taste good with his Heineken. The sophisticated man considers which cheese will pair well with his choice of wine. The designer of course considers which two fonts will look great on the same page.
Today we’re going to use the Google Font API as a playground for mixing fonts and finding ideal pairings. You’ll be able to skim through and instantly grab out selections that you think are appropriate for your projects. The best part? You need only to copy and paste our code to implement these fonts on your site. It’s completely free and there are no downloads required.
Why Google Fonts?
The web font game was up in the air a few years ago. Everyone had an idea and a solution but no one really knew which would be left standing when the dust settled. In my mind, this debate is over: won.
Here’s why wins. First, a pure CSS solution is one that developers can get on board with. Next, the fact that
fully supports text selection and actions such as copy and paste means that usability experts love it. Finally, the fact that you can easily cook up an
recipe for just about any font means that designers love it because they have a wide range of properly licensed fonts to choose from. If you get developers, designers and the usability guys on board, it’s game over for Flash, JavaScript and image-based solution.
Continue at https://designshack.net/articles/css/10-great-google-font-combinations-you-can-copy/