The Ultimate Guide to Typography | FREE COURSE

Do you know the difference between a typeface and a font? Tracking and kerning? Learn everything you need to know in our ultimate typography guide.

Good typography is one of the cornerstones of good design. In The Ultimate Guide to Typography, you'll learn everything from the most basic elements of typography and common mistakes through to more complex topics like combining and choosing fonts for your projects.

By the end of this course, you’ll be able to confidently talk about typography and experiment with concepts and fonts as you hone your typography skills.

What You'll Learn:

00:00:00 1.1 Introduction
00:01:19 1.2 Brief History of Type
00:05:47 1.3 Typeface vs. Font
00:07:14 2.1 Type Classification
00:17:00 2.2 Type Families
00:19:48 2.3 Font File Types
00:22:32 3.1 Legibility and Type Anatomy
00:25:19 3.2 Readability and Typesetting Basics
00:28:53 3.3 Common Typesetting Mistakes
00:31:09 4.1 Choosing the Right Fonts
00:34:41 4.2 Font Combinations
00:37:42 5.1 Conclusion

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+

Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

[alankarmisra]

You are doing a great service to society by releasing such informational content for free. I thank you from the bottom of my heart.

[peterh]

As someone just starting out with graphic design, this is the best introductory tutorial I've come across so far. I'd never really given much thought about the importance of typeface and the structure of fonts when it comes to choosing the correct one for a particular purpose. One thing I've learned is if you don't notice the font style, then whoever selected it has done a good job. I don't mean it shouldn't be eye-catching, or draw attention to itself, it should just fit. If it doesn't, then there needs to be a good reason why that's the case. I've never really understood why I find certain typefaces pleasing and attractive, or noticed the subtle differences between them. Now I feel a bit more confident I can make better selection choices because I at least know there are a few certain conditions and characteristics I need to consider at a practical level.

Thank you so much for this, it's helped me a lot.

[yasaamoin]

I'd have never guessed that a single video would teach me so much about a field I'm almost a complete newbie to. It's even better given that this is the first video I checked out on the topic. I saved so much time!

I'm extremely grateful. Thank you so much.

[dylanbarbe]

Awesome Video! Love how simple you made typography appear. Honestly I was loosing my mind trying to understand what my collage was teaching me. So you saved me with this content. Wish I had more time to time stamp your entire video.

GEOMETRIC
13:07

Characteristics
1. Optically circular bowls
2. little to no stroke contrast
3. Characters typically are very rectangular
4. The letter O displays Vertical Stress apposed Horizontal or Diagonal stress
5. There is commonly 0 modulation, even weight and no contrast in the letter O.
usually feature a single-story lowercase a. Which indicates that there is a Closed Loop but no Open Loop like we see in a doubled story a.

SCRIPT
13:40

Script is broken into two big different categories Formal & Casual
These fonts are not suitable for body copies. Instead use them for display texts. Headlines, Titles or very short copies.

Formal Script
13:58
Use cases.
Formal scripts are elegant typefaces used on wedding invitations and diplomas.
They are inspired by writing from the 17th & 18th century.
Swishes
Exaggerated Flourishes

Characteristics of Formal Script
14:06
1.Each character Includes a End Tail for fluidity
Which is more commonly known by how cursive font connects.
2.Swashes are mainly features in script fonts to adorn characters.
Terminology for describing different types of design on the back of capital letters that where at the beginning of each word displayed.
Exaggerated Flourishes, Swirls, swishes, expressive display, extravagant display, melodramatic display

14:20
Casual Script Fonts



PS. I don't know if you want my home work as a comment or not. But let me know if you would rather have me take it down. Thanks again.

[marlenpgarcia]

This free course is perfect for me. It is really straightforward and the lesson itself is easy-to-digest. Now I have a better understanding about typography which will be helpful in my designing career. Thank you so much!

[trinitarian]

Clear, brief presentation of a whole semester of topics. Brilliant.

[kentboortz]

Hint I learned long long back from a pre-computer typesetter (that did dry transfer lettering, like Letraset). When kerning a header, put the text up-side down. It releases your brain from interpreting the letters and you see more easily where you need kerning.

To illustrate this, take out some book from your shelf with titles on their backs and turn them so the text is upside down. You will find that some have very bad kerning that you would not have spotted if having them in normal orientation :)

[JustChiVlog]

You're amazing and teaches well. And the way you teach, your voice makes me not to get bored listening to you. Awesome 👍

[junaidbabar]

Thanks for this comprehensive guide. The best takeaway lesson for me is "Fonts are like humans, each one has its own personality and character."

[KIZOKUONI]

halfway through the video and already love it!!

[duhlanie]

New to design and typography, you were so in depth and yet made it easy for a beginner like me to follow along. Thank

[abhyan]

Envato is one of the best things out there.

[raminmoheb]

Outstanding video. Great info, accessible, easy to understand, and FREE. Very glad I happened across this comprehensive and well-produced video.

[donshaft]

Amazing, thank you. As a non-designer, that was extremely helpful. That little short history of typography was very insightful too. Let me playing around with some of these typefaces and fonts like a pro now 😊

[rajatdas]

Thanks for providing this course free. I was reading a book to understand typography. However, it was a less intuitive and strenuous process. You made it easy by making this video.

[Ceares]

I'm still terrible at typography but you at least gave me the vocabulary to explain what I'm talking about and what I don't understand. This was a truly terrific course. Thanks !

[susalad]

Thank you for the well organized and very focused video. This is helpful in prepping me for a typography course I plan to take.

[YeolTim]

This very helpful. definitely one of the best design course I've come across. Thank you

[stevend]

8:18 - Old Style (Ex: Goudy Bookletter)
8:54 - Transitional (Baskerville)
9:26 - Modern (LTC Bodoni 175)
9:56 - Slab Serif (

11:11 - Grotesque (Franklin Gothic)
11:44 - Neo-Grotesque (Physis and Helvetica and Arial)
12:19 - Humanist (Verdana, Tahoma, Trebuchet MS, Lucida Sans Unicode, Gill Sans, and Calibri)
13:02 - Geometric (Futura)

13:40 - Script
13:57 - Formal
14:20 - Casual

14:37 - Caligraphic
14:54 - Handwriting
15:15 - BlackLetter
15:43 - Display / Decorative

[benediktotto]

Lady you are a godsend. And I can't thank you enough. Greetings from Germany.