Typography for Beginners: Fonts, Spacing and Layout Basics
Some links below are affiliate links. If you buy through them, 4 The Creatives may earn a commission at no extra cost to you.
Get Adobe Creative Cloud (affiliate link): https://adobe.prf.hn/click/camref:1100lumF2/pubref:YYhaZop92Fg/destination:https%3A%2F%2Fwww.adobe.com%2Fcreativecloud%2Fplans.html
Typography for beginners: how to choose fonts, set spacing and build clear type hierarchy in your layouts.
Part of How to Graphic Design: The Course of Fundamentals (Module 03: Typography), free on YouTube. Course outline: https://4thecreatives.com/course-fundamentals?utm_source=youtube&utm_medium=description&utm_campaign=backcatalog&utm_content=YYhaZop92Fg
In this lesson from How to Graphic Design: The Course of Fundamentals, we’ll explore one of the most important foundations of graphic design: typography. Typography is the art and science of arranging type so written language is readable, visually appealing, and effective.
Typography is essential for designers working on layouts, branding, editorial design, posters, websites, social media graphics, and digital content. In this module, you’ll learn how typography works, how to choose the right fonts, how spacing affects readability, and how to avoid common typography mistakes.
This lesson also includes practical typography exercises so you can apply what you learn and build more confidence using type in your design work.
In this video, you’ll learn:
- What typography is
- Why typography matters in graphic design
- Basic type anatomy
- How to choose the right font
- How typography affects readability
- How kerning, leading, and tracking work
- Common typography mistakes beginners make
- Reliable fonts designers use
- Practical typography exercises for graphic designers
Chapters:
00:00 Introduction to Typography
10:28 Understanding Type Anatomy
17:44 Choosing the Right Font
29:49 Typography Spacing (Kerning, Leading, Tracking)
35:58 Common Typography Mistakes
40:46 Reliable Fonts Designers Use
43:21 Typography Practice Exercise 1
58:52 Typography Practice Exercise 2
01:34:21 Typography Practice Exercise 3
Additional Resources:
https://www.dropbox.com/scl/fo/00tchefd9zclrcbba0xbh/AADoSGXTgS4_qCT3tn15YmY?rlkey=ho73za85a2ijtmx6bxkx5737l&st=3fichf48&dl=0
Lesson 1 Resources:
I Shot the Serif Game:
https://www.tothepoint.co.uk/us/fun/i-shot-the-serif/
Adobe Fonts:
https://fonts.adobe.com/
MyFonts:
https://www.myfonts.com/
Lesson 4 Resource:
Kerntype Game:
https://type.method.ac/
Practice Lesson 1:
Bilo Typeface from Adobe Fonts:
https://fonts.adobe.com/fonts/bilo
Adobe Garamond Typeface from Adobe Fonts:
https://fonts.adobe.com/fonts/adobe-garamond
Practice Lesson 2:
Good Karma Smooth Typeface from Adobe Fonts:
https://fonts.adobe.com/fonts/good-karma-smooth
Proxima Nova Typeface from Adobe Fonts:
https://fonts.adobe.com/fonts/proxima-nova
Practice Lesson 3:
Montserrat Typeface from Adobe Fonts:
https://fonts.adobe.com/fonts/montserrat
Glodok Typeface from Adobe Fonts:
https://fonts.adobe.com/fonts/glodok
This video is part of How to Graphic Design: The Course of Fundamentals.
Watch the full free graphic design course:
https://www.youtube.com/playlist?list=PLdHyNrkiFQPp1J9iDdkjnz_wb0hOVMSba
Previous lesson:
https://youtu.be/fCEiF_J2ueg
Next lesson:
https://youtu.be/bHlQeNEB57I
Subscribe for more lessons on graphic design, composition, layout, typography, color theory, Adobe InDesign, Adobe Photoshop, and the creative design process.
© 4 The Creatives LLC
KEEP LEARNING WITH 4 THE CREATIVES
Learning Path – Stage 2: Learn the Fundamentals: https://4thecreatives.com/learning-path?utm_source=youtube&utm_medium=description&utm_campaign=backcatalog&utm_content=YYhaZop92Fg#stage-2
Design Radar: Google Fonts: https://4thecreatives.com/tools/google-fonts-for-designers?utm_source=youtube&utm_medium=description&utm_campaign=backcatalog&utm_content=YYhaZop92Fg
Design Radar: FontBase (font management): https://4thecreatives.com/tools/fontbase-for-designers?utm_source=youtube&utm_medium=description&utm_campaign=backcatalog&utm_content=YYhaZop92Fg
Learning Path – Stage 3: Practice What You Know: https://4thecreatives.com/learning-path?utm_source=youtube&utm_medium=description&utm_campaign=backcatalog&utm_content=YYhaZop92Fg#stage-3
Join the 4TC newsletter: https://4thecreatives.com/tools?utm_source=youtube&utm_medium=description&utm_campaign=backcatalog&utm_content=YYhaZop92Fg
❤️ 4 The Creatives helps designers navigate the future of the profession – with structured courses, the Learning Path and Design Radar. If this video helped you, you can support our work here: https://4thecreatives.com/support?utm_source=youtube&utm_medium=description&utm_campaign=backcatalog&utm_content=YYhaZop92Fg
X: https://x.com/4TheCreativesHQ
#Typography #GraphicDesign #DesignBasics
Get Adobe Creative Cloud (affiliate link): https://adobe.prf.hn/click/camref:1100lumF2/pubref:YYhaZop92Fg/destination:https%3A%2F%2Fwww.adobe.com%2Fcreativecloud%2Fplans.html
Typography for beginners: how to choose fonts, set spacing and build clear type hierarchy in your layouts.
Part of How to Graphic Design: The Course of Fundamentals (Module 03: Typography), free on YouTube. Course outline: https://4thecreatives.com/course-fundamentals?utm_source=youtube&utm_medium=description&utm_campaign=backcatalog&utm_content=YYhaZop92Fg
In this lesson from How to Graphic Design: The Course of Fundamentals, we’ll explore one of the most important foundations of graphic design: typography. Typography is the art and science of arranging type so written language is readable, visually appealing, and effective.
Typography is essential for designers working on layouts, branding, editorial design, posters, websites, social media graphics, and digital content. In this module, you’ll learn how typography works, how to choose the right fonts, how spacing affects readability, and how to avoid common typography mistakes.
This lesson also includes practical typography exercises so you can apply what you learn and build more confidence using type in your design work.
In this video, you’ll learn:
- What typography is
- Why typography matters in graphic design
- Basic type anatomy
- How to choose the right font
- How typography affects readability
- How kerning, leading, and tracking work
- Common typography mistakes beginners make
- Reliable fonts designers use
- Practical typography exercises for graphic designers
Chapters:
00:00 Introduction to Typography
10:28 Understanding Type Anatomy
17:44 Choosing the Right Font
29:49 Typography Spacing (Kerning, Leading, Tracking)
35:58 Common Typography Mistakes
40:46 Reliable Fonts Designers Use
43:21 Typography Practice Exercise 1
58:52 Typography Practice Exercise 2
01:34:21 Typography Practice Exercise 3
Additional Resources:
https://www.dropbox.com/scl/fo/00tchefd9zclrcbba0xbh/AADoSGXTgS4_qCT3tn15YmY?rlkey=ho73za85a2ijtmx6bxkx5737l&st=3fichf48&dl=0
Lesson 1 Resources:
I Shot the Serif Game:
https://www.tothepoint.co.uk/us/fun/i-shot-the-serif/
Adobe Fonts:
https://fonts.adobe.com/
MyFonts:
https://www.myfonts.com/
Lesson 4 Resource:
Kerntype Game:
https://type.method.ac/
Practice Lesson 1:
Bilo Typeface from Adobe Fonts:
https://fonts.adobe.com/fonts/bilo
Adobe Garamond Typeface from Adobe Fonts:
https://fonts.adobe.com/fonts/adobe-garamond
Practice Lesson 2:
Good Karma Smooth Typeface from Adobe Fonts:
https://fonts.adobe.com/fonts/good-karma-smooth
Proxima Nova Typeface from Adobe Fonts:
https://fonts.adobe.com/fonts/proxima-nova
Practice Lesson 3:
Montserrat Typeface from Adobe Fonts:
https://fonts.adobe.com/fonts/montserrat
Glodok Typeface from Adobe Fonts:
https://fonts.adobe.com/fonts/glodok
This video is part of How to Graphic Design: The Course of Fundamentals.
Watch the full free graphic design course:
https://www.youtube.com/playlist?list=PLdHyNrkiFQPp1J9iDdkjnz_wb0hOVMSba
Previous lesson:
https://youtu.be/fCEiF_J2ueg
Next lesson:
https://youtu.be/bHlQeNEB57I
Subscribe for more lessons on graphic design, composition, layout, typography, color theory, Adobe InDesign, Adobe Photoshop, and the creative design process.
© 4 The Creatives LLC
KEEP LEARNING WITH 4 THE CREATIVES
Learning Path – Stage 2: Learn the Fundamentals: https://4thecreatives.com/learning-path?utm_source=youtube&utm_medium=description&utm_campaign=backcatalog&utm_content=YYhaZop92Fg#stage-2
Design Radar: Google Fonts: https://4thecreatives.com/tools/google-fonts-for-designers?utm_source=youtube&utm_medium=description&utm_campaign=backcatalog&utm_content=YYhaZop92Fg
Design Radar: FontBase (font management): https://4thecreatives.com/tools/fontbase-for-designers?utm_source=youtube&utm_medium=description&utm_campaign=backcatalog&utm_content=YYhaZop92Fg
Learning Path – Stage 3: Practice What You Know: https://4thecreatives.com/learning-path?utm_source=youtube&utm_medium=description&utm_campaign=backcatalog&utm_content=YYhaZop92Fg#stage-3
Join the 4TC newsletter: https://4thecreatives.com/tools?utm_source=youtube&utm_medium=description&utm_campaign=backcatalog&utm_content=YYhaZop92Fg
❤️ 4 The Creatives helps designers navigate the future of the profession – with structured courses, the Learning Path and Design Radar. If this video helped you, you can support our work here: https://4thecreatives.com/support?utm_source=youtube&utm_medium=description&utm_campaign=backcatalog&utm_content=YYhaZop92Fg
X: https://x.com/4TheCreativesHQ
#Typography #GraphicDesign #DesignBasics