FontPairings is a free tool that you can use to find, preview and download carefully-curated font combinations. Visualize them live on several categories of website templates to make sure they fit your project, and download them
Thanks so much @kevin for hunting us!
We started this project as a means to visualize the font sets we were using on Freebies.ByPeople and other projects we are working on, but we figured others may find it useful as well so we've made it available to everyone :-)
Basically what this tool does is help cut the time you spend on typography research/testing with holy fire by making it easy to find good looking combinations of fonts to apply on a website - simply go to FontPairings.ByPeople, load a sample theme from the menu, and pick your poison: there's a listing of 100+ pre-made font combinations carefully selected by our in-house design ninjas, readily available at the sidebar so you can find the ideal match without too much of a hassle.
Among other great features in Font Pairings you'll find:
- Several website layout templates to see the font matchings according to your website's category
- Premade font-pairings, chosen by our professional design ninjas - hop between font combinations easily, like a bunny. Bunnies hop. This metaphor works.
Test your titles & body text size separately - no awkward font sizes, promise.
- The test theme layouts are fully responsive, so test away on different device screens!
- You can download your Font Pairing directly - find killer typography for your website, app, or landing page of your next pet project
Hope you guys find it useful, please let us know your feedback or general rants about the tool, and thanks to everyone who helped us test it :-)
@nyjetlife Yes! We will try to add more combinations and styles in the future :-) let me know if you have any suggestions since right now it doesn't support uploading custom fonts!
@juanpablosarmi You are welcome dude. Yeah, I am amazed to see getting votes even after weeks of launching :D Next is PageBulb, working on it and share about it on DM ;)
@juanpablosarmi I don’t see what can be improved at the moment
I will use and if I find I will give an answer
while in my opinion, everything works intuitively and simply as you expect
even on mobile
I’m even thinking of introducing something similar in my application,
good work! 👍keep going
you always make very useful services
@bootstraptor That would be great, if I can help with that UX would be terrific, just let us know ;) we have been trying that kind of sidebars for the mobile version and they worked really good :)
@juanpablosarmi I would also recommend adding to the modal window that appears after downloading fonts share buttons (social networks, etc) it can add some virality
@sergej108 Thanks for your support Segej, Ana told me you are working in a new project, please keep me posted, always open to check and give some feedback !
Useful tool for me because i get confused among many choices.
Wish there was an option to add our own website url so it will preview the font on our own website. Maybe in next update. Good luck!
@usama_khalid Usama, thats a great feature to be added, we will kep it in mind for a future version, do you know about a similar tool with that option ?
This is an awesome product!! I love selecting a theme and seeing how my selected fonts look! Saves me so much time!! A must have for any web designer!! A+++
Superb — I've commented before that I wish something like this existed for color palettes (particularly the realistic preview).
Any reason all Google Fonts aren't included? Might as well, right?
@cozysd Lee, thanks for your comments, something for color palettes, that's a pretty good ideas ! gonna think about it, it can be a nice next release.
Yes, it's just due to optimization, include all of them will make the tool take much longer to start...
Font pairing is a pain for both non-designers and even pro-designers. This is going to be super useful for those who want a very functional font pair for their brand or any project!
@maria_kazakova1 Thanks a lot Maria, so glad you liked this tool :-) what do you think would be a cool new feature to keep on our checklist for the next release?
Great tool. Maybe something similar existed, but it was never to be found, this is exactly what I need to see which fonts to use for a website. I personally end up using Montseratt most of the time 🤣
@rasul_kireev Amazing you find it useful enough for your projects ! yes, Monserrat is one of those fonts simply looks perfect everywhere, I love it too!
@ant_musker great to hear that! Which project are you working on? Give us a teaser! And let me know if there's any particular feature you'd like to see on this tool that would come in handy, we are definitely open to feedback and suggestions
@francarlos_jose_blanco_herrera Hey Fran, all the fonts are available from the google fonts directory, so that they are licensed free, we ensure the license allows us to redistribute the fonts directly from our server ;)
@francarlos_jose_blanco_herrera right now the tool doesn't support custm fonts but this is a popular feature request and we are definitely adding this on the next release !
Excellent! Most clients don't easily understand why well paired fonts are an important part of their visual identity. Giving them the link to this super tool will really help them to visualise the difference it makes on their website. Being able to upload custom fonts would be the icing on the cake! Now if you could just create something similar for trying out colour schemes....? ;)
ByPeople