p/bypeople
A curated network for developers and designers.
Kevin William David
FontPairings.ByPeople — Hassle-free mix, preview & download trendy font combinations
Featured
88
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
Replies
Juan Sarmiento
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 :-)
Sandoche
@juanpablosarmi Hi, I finally added you to undesign.learn.uno
Juan Sarmiento
Hey @sandochee thanks a lot!! Love Undesign's lists, glad to be there!
REV1S
Great idea! This definitely solves the problem of mixing the wrong typography.
Juan Sarmiento
@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!
Musharof Chowdhury
Simple and useful tool. Good work Juan
Juan Sarmiento
@musharofchy Thanks friend ! I see AyroUI getting a lots of votes here :) Whats your next release ?
Musharof Chowdhury
@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 ;)
Juan Sarmiento
@musharofchy What is PageBulb about ? give us a preview ;)
Anatolii [ @Bootstraptor ]
hey @juanpablosarmi congrats! a must-have tool for web designers, one of the best interfaces works like a charm!
Juan Sarmiento
@bootstraptor Dude, you always supporting our work ! :) thanks for the kind words. Is there any improvement you could suggest in the UX ?
Anatolii [ @Bootstraptor ]
@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
Juan Sarmiento
@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 :)
Anatolii [ @Bootstraptor ]
@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
Juan Sarmiento
@bootstraptor sure thing, we will add it today !!
durvesh naik
Looks solid man
Juan Sarmiento
@imdnaik Thank you !
Sergej Skrjanec
Really love this tool, thx for making it! Great to see how various font combos work in different scenarios 👍
Juan Sarmiento
@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 !
Sergej Skrjanec
Sure thing @juanpablosarmi. We've got something in the works for later this year – will definitely keep you looped in ✌️
Juan Sarmiento
@sergej108 amazing ! Will be pending of you work, as I also love working with svg and animations 🎛️
Usama Khalid
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!
Juan Sarmiento
@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 ?
Peter Rami
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+++
Juan Sarmiento
@peter123456789 Peter, thanks ! i'm sure you can use it in your next projects, BTW, which new project are you working on right now ?
Emilio Martin Schneider
Muy útil para los diseñadores que comienzan...
Juan Sarmiento
@emilio_martin_schneider Emilio , gracias por tus palabras, sí, es bastante útil ! Esperemos que la puedan usar fácilmente !
Lee Fuhr
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?
Juan Sarmiento
@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...
Omar Farook
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!
Juan Sarmiento
@omar_farook thanks Omar, coming from you, that means a lot ! Hope you can find it useful for your next projects! and maybe we can work together ;)
Maria Kazakova
keep it up, guys! FontPairings.ByPeople deserves the 1st place!
Juan Sarmiento
@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?
Artem Galenko
@juanpablosarmi sorry for answering instead @maria_kazakova1 but I think new feature could be combinations of colors
Juan Sarmiento
@maria_kazakova1 @unrealartemg Artem, yes ! We even launched a color combination tool in the past. We can try this out
Kesara Wimal
Cool 😃
Juan Sarmiento
@kesara_wimal Great that you like it :)
Rasul Kireev
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 🤣
Juan Sarmiento
@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
This looks interesting. Will actually be useful for an upcoming project i'm designing. Nice one.
Juan Sarmiento
@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
Excellent app, like it a lot the combinations are great and I can think of a few uses for it. Where are you guys pulling the downloads from?
Juan Sarmiento
@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
how about custom fonts? it would be great if i could upload my own fonts to preview them within the tool
Juan Sarmiento
@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 !
Sue Brettell
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....? ;)
Artem Stenko
OWww Very simple and nice utility! Good luck guys!
Juan Sarmiento
@artem_stenko Thanks Artem ! feel free to download the fonts you like the most, no problem about licensing. all of them are SIL compatible !