23 posts
  • 1 Year of Membership
bojs
says

Hey guys,

typography is always the hardest part of design for me. I always do everything else well pretty fast, but typography is hell to me. I change dozen of Google Fonts before I even think I have something that could ‘maybe’ pass, and still I’m always unsure, and I don’t know if kerning is ok, if line-height could be few pixels bigger etc…

So how do I practice my eye for understanding typography better. How do I learn some practical principles. How do you guys decide fonts, font sizes, line heights and everything else in practical setup?

Any tips?

Thanks, bojs

4621 posts
  • United Kingdom
  • Community Superstar
  • Author Level 4
  • Weekly Top Seller
+10 more
ToivoMedia
says

You basically took the words right out of my mouth. I’ve never been able to completely get a grip of typography. I can appreciate what good typography looks like, but getting there myself is a nightmare. Pairing fonts together is one of the hardest parts.

You may find this quite useful though – http://www.pearsonified.com/2011/12/golden-ratio-typography.php

If anyone else has some tips, please post them. :)

421 posts
  • 4 Years of Membership
  • Affiliate Level 4
  • Author Level 6
  • Collector Level 1
+2 more
Satgur
says

Key would be you observe good inspirations and try to implement them in your project in some or other way, slowly you would get hold of it :)

1341 posts
  • Affiliate Level 2
  • Author Level 5
  • Beta Tester
  • Collector Level 3
+4 more
SomethingDesign
says

It’s easy to get confused when you change dozens of fonts. To understand typography / pairing / hierarchy first of all choose 2-3 fonts (depends on your design / concept) and pretend you don’t have any other fonts available.Try to make that fonts looks nice accordingly to the hierarchy rules and your concept.

Here some easy to pair fonts combinations:

  • Oswald + Ubuntu
  • Steelfish _ Source Sans Pro
  • Ubuntu Titling + Open Sans
  • Abraham Lincoln + Oswald
  • Blanch + Intro Free font + Oswald
  • Code + Myriad Pro
  • BP Diet + Oswald
  • Muncie + Steelfish
  • Trajan Pro + Oswald

As you see I like Oswald allot :).

Of course you can use many other fonts but it’s a helpful exercise working with just few fonts. This exercise force you to concentrate on hierarchy and composition.

From my experience I can tell you, any font can be pair any font in the right context.

344 posts
  • Author Level 4
  • Football Player
  • Exclusive Author
  • 3 Years of Membership
+1 more
Magicpixelss
says

Here some easy to pair fonts combinations:
  • Oswald + Ubuntu
  • Steelfish _ Source Sans Pro
  • Ubuntu Titling + Open Sans
  • Abraham Lincoln + Oswald
  • Blanch + Intro Free font + Oswald
  • Code + Myriad Pro
  • BP Diet + Oswald
  • Muncie + Steelfish
  • Trajan Pro + Oswald

I have some flyers done but with the typo part not finished yet. I will give a try to your font combinations to see how they go. Oh, and oswald font looks awesome I don’t know how i have missed it until now.

1341 posts
  • Affiliate Level 2
  • Author Level 5
  • Beta Tester
  • Collector Level 3
+4 more
SomethingDesign
says

Another good exercise is to create some flyers only with typo.

86 posts
  • Author Level 5
  • Collector Level 2
  • Weekly Top Seller
  • 3 Years of Membership
+2 more
KalininRuslan
says

Pairing – was always problem for me. If you found answer, let me know!)

79 posts
  • Exclusive Author
  • Author Level 3
  • Collector Level 1
  • 2 Years of Membership
ArtBeatDesigns
says

Hey guys :-)

Typography was also a nightmare for me too. I can’t even count how many rejections i had in the past because of that! I hate to admit but it turned out that the reviewer was right! :-D:-D:-D I had enough, so a month ago i spent days trying to understand and learn what makes a good typography!

So here are my tips:

Google fonts:
If you hover over the typeface (yes, there is a difference between a font and typeface! :-D) you will see an icon named “pop out”. Click on that and choose the third tab (Pairings). Voilá! :-D Now you have more than 600 typefaces and you have at least 5 suggestions for pairing. In 99.9 % of the time it does the trick.
Lynda
I found this 3 video tutorials from Ina Saltz on lynda.com and it really changed my whole life! It’s not that long, ca. 4 hours but it’s worth every minute! It’s amazing how she explains everything!
And keep in mind, that guides and grids are your best friends when it comes to alignment!

I’m not saying that i became a professional after this but it really helped me a LOT!

4621 posts
  • United Kingdom
  • Community Superstar
  • Author Level 4
  • Weekly Top Seller
+10 more
ToivoMedia
says

Thanks ArtBeat, I’ll check out those Lynda tuts. I hope they are life changing! :D

1341 posts
  • Affiliate Level 2
  • Author Level 5
  • Beta Tester
  • Collector Level 3
+4 more
SomethingDesign
says

10 Fonts Parings Examples. You can see it here

by
by
by
by
by
by