Placeholder image

The cool thing with the font pairing page...

...is that you get the work half done, all you have to do is to past the codes you get in just 1 click.

This is what you can do on the Font pairing page

- Change backround color to see the contrast.

- Copy " @import " code from Google.fonts

- Copy the font-family as css code.

The whole code

Ex:

    @import url('https://fonts.googleapis.com/css?family=Lato|Poppins');
    
    font-family: 'Poppins', sans-serif;
    
    font-family: 'Lato', sans-serif;
Placeholder image

And of course, you can also search fonts here.

As the same as in the palettes you can follow the same criteria when searching for font pairings, but using font names.

This are the colors that you can search for at the moment: