If you’re looking for an awesome typography tutorial collection, you’re going to love this list of font tutorials, text effects, web fonts, and more.
Learn from these Illustrator typography tutorials and Photoshop typography tutorials, or try out a 3D typography tutorial—we’ve got a list of over 100 awesome free tutorials for you to enjoy today.
Font Basics: Check Out These Font Tutorials
Let’s start out with the basics. Learn how to install fonts, how different fonts work, how to choose the right fonts for your design project, and more in these free font tutorials.
-
How to Install a Font on Windows 10
-
How to Install a Font on Mac
-
What Is a Monospaced Font?
-
What Are Color Fonts?
-
The Different Types of Fonts: When to Use Each Font Type and When Not
-
How to Add Fonts to Photoshop (Mac and Windows)
-
What Are Variable Fonts?
-
What Is an SVG Font? All About SVG Fonts
-
How to Install and Use Fonts in Procreate
-
Typeface vs. Font: What Is the Difference Between Them?
-
Best Fonts for Dyslexia
-
How to Combine Fonts, How Not To, and the Best Font Combinations
-
The Pros and Cons of Icon Fonts
-
A Beginner’s Guide to Pairing Fonts
-
How to Use Font Ligatures in InDesign, Photoshop & Illustrator
-
The Best Alternatives to the 10 Most Popular Fonts
Top Picks From Our Typography Tutorial Collection
Next, let’s move on to typography—the artful process of working with type. While this might vary depending on your medium, the fundamentals apply to all of us, across disciplines. Looking for fundamentals? Advanced topics? We’ve got a typography tutorial for that.
-
TypographyA Brief History of Type
-
TypographyWhat Is Typography?
-
TypographyThe Ultimate Guide to Basic Typography
-
TypographyThe A to Z of Typography
-
FontsThe Rise of the Sans Serif
-
FontsA Brief History of Display Fonts
-
FontsThe Psychology of Fonts (Fonts That Evoke Emotion)
-
FontsSerif vs. Sans Serif Fonts: What Is the Difference?
-
TypographyTypography: The Anatomy of a Letter
-
AccessibilityHow to Improve the Accessibility of Fonts and Typography in Your Designs
-
Typography10 Typefaces That Changed the World
-
QuizQuiz: Do You Know Your Typography?
-
FontsAll About the Futura Font and Its History
-
FontsEverything You Wanted to Know About Helvetica
-
TypographyThe Difference Between Typography & Hand Lettering: Typography in 60 Seconds
-
Typography5 Typography Secrets to Transform Your Designs
Learn to Create Your Own Font Today
Have you ever wanted to create your own font? There’s a host of helpful font tutorials on Envato Tuts+. Whether you’d like to make a font from your handwriting or a new, classy serif font, these font tutorials will help you get started.
-
FontsHow to Create Your Own Font
-
Font DesignHow to Create a Font in Adobe Illustrator
-
Font DesignThe Basics of Drawing Type & Creating Your Own Handwritten Font
-
FontsHow to Make a Monospace Pixel Font
-
FontForgeHow to Create a Font Using Fontself and FontForge
-
DrawingMastering Calligraphy: Making Your Own Font
-
Adobe IllustratorHow to Create a Color Font With Adobe Illustrator and Fontself Maker
-
TypographyHow to Design and Construct a Functional Cursive Font
Create Exciting Text Effects in a Snap
Text effects can be visually engaging, stylish, and a lot of fun to work with. Try out a 3D typography tutorial, or learn a new text effect in one of our Photoshop typography tutorials or Illustrator typography tutorials.
-
Text EffectsHow to Create a 3D Stuffed Letters Text Effect in Adobe Photoshop
-
Tattoo DesignUse a Tattoo Font to Add a Realistic Tattoo to a Photo in Photoshop
-
Text EffectsHow to Distress a Font in Illustrator
-
Adobe IllustratorHow to Use an SVG Color Font to Create a Logo Design in Illustrator
-
TypographyHow to Create a Nautical Tattoo Font
-
Blend ToolHow to Use the Blend Tool for Lettering in Adobe Illustrator
-
Adobe IllustratorHow to Create an Art Nouveau Text Effect in Illustrator
-
Text EffectsHow to Create a Quick Sparkling Diamonds Text Effect in Adobe Photoshop
-
Text EffectsHow to Create a Graffiti Text Effect in Illustrator
-
Adobe PhotoshopHow to Create a Realistic Embroidery Text Effect in Adobe Photoshop
-
Text EffectsHow to Warp Text in Adobe Photoshop
-
Text EffectsHow to Create a Leaf-Covered Text Effect Action in Adobe Photoshop
-
Text EffectsHow to Outline Text in Photoshop
-
Text EffectsHow to Create a Sketch Text Effect Action in Adobe Photoshop
-
Text EffectsHow to Create a Newspaper Ransom Note Text Effect in Adobe Photoshop
-
Text EffectsHow to Curve Text in Illustrator
-
SummerHow to Create an Ice-Cream Script Poster in Adobe InDesign
-
Text EffectsQuick Tip: How to Create a Memphis Style Text Effect in Adobe InDesign
-
Text EffectsHow to Create a Cool Bubble Font Text Effect
-
Text EffectsHow to Make a 3D Text Effect in Photoshop
Tutorials for Print Design and Typography
Typography is a huge part of graphic design. From creating logo designs to typographic posters and T-shirts, there are so many typography and font tutorials to help you push your type further. Check one out today.
-
FontsWhat Is a Monogram? Types, Designs, and Ideas
-
CareersWhat Is the Best Font for a Resume? (Professional Size & Proper Type for 2020)
-
TypographyThe Connections Between Font Style and Music Genre
-
Spirit DayHow to Create a Typographic T-Shirt Design
-
TypographyHow to Create a Hand-Lettering Textured Poster in Adobe Illustrator
-
Logo DesignTypography in Action: Design Simple & Effective Type Logos
-
TypographyUnderstanding Auto, Optical and Metrics Kerning in Adobe Illustrator
-
Adobe PhotoshopHow to Create a Typographic Album Cover
-
GridsHow to Use Grids in Photoshop to Create a Typographic Poster
-
BrochureHow to Create a High-Impact Typographic Brochure in Adobe InDesign
-
Adobe InDesignHow to Create a Typographic Valentine’s Card in Adobe InDesign
-
Text EffectsHow to Create a Tasty 3D Typographic Illustration in Photoshop
-
Spirit DayCreate a Cool Typographic Poster Ready for Spirit Day in Adobe InDesign!
-
TypographyHow to Create a Vintage Typographic Illustration Poster in Adobe Illustrator
Web Typography Tutorials and Web Fonts
Are you a web developer or curious about typography on the web? Check out this collection of web font tutorials and other typography tutorial content for web developers and the web curious.
-
Web TypographyHow to Use Color Fonts on the Web
-
FontsVariable Fonts on the Web, Explained
-
Web TypographyWeb Fonts in 60 Seconds
-
TypographyHow to Self-Host Google Fonts on Your Own Server
-
WordPressHow to Add New Fonts to WordPress
-
Web TypographyWhat Your Web Typography Says About You
-
Web TypographyThe Future of Web Typography: CSS Fonts Level 4
-
Web TypographyA Guide to Selecting Custom Fonts for Your Website
-
TypographyThe Complete Beginner’s Guide to Chinese Fonts
-
AccessibilityDesigning Accessible Content: Typography, Font Styling, and Structure
-
Adobe MuseHow to Use Web Fonts With Adobe Muse
-
TypographyFiguring Out @font-face
-
TypographyUnderstanding Typographic Hierarchy
-
TypographyA Comprehensive Guide to Typography Basics
-
WordPressHow to Change the Font Color in WordPress
20+ Awesome Free Font Video Tutorials
Do you like to work along and learn from video tutorials? Here’s a selection of some of our font tutorials and other typographic tutorial content from our YouTube Channel—make sure to visit our channel for even more free tutorials.
Check out a free typography tutorial video today.
1. The Ultimate Guide to Basic Typography
New to typography or looking to brush up on the basics? Check out this typography tutorial for all the fundamental essentials when it comes to typography in your design work.
2. When to Use Each Font Type (And When Not)!
There are a lot of fonts out there. Which one is best for your design project? If this question often keeps you guessing, check out this typography tutorial for some quick and useful tips.
3. Typography: What Is Kerning, Tracking and Leading?
Kerning, tracking, and leading are all essentials to understand when you’re working with typography. Whether these concepts are new to you or you’re looking for a refresher, this typography tutorial video is a great watch.
4. Typeface vs. Font: What’s the Difference Between Them?
Ever wondered what the difference is between a font and a typeface? Well, this typography tutorial will explain all the ins, outs, and differences that you need to know.
5. Typography: Anatomy of a Letter
There’s a lot more to typography than the alphabet. The different parts of each letter have distinct names and considerations. Learn more about type anatomy in this typography tutorial.
6. Serif vs. Sans Serif Fonts
Most of us have used both serif and sans serif fonts before—but do you know the difference? Check out this informative typography tutorial on the difference. It’s perfect for beginners and a great refresher for those already familiar.
7. Variable Fonts on the Web, Explained
Are you developing work for the web? We have a host of awesome web font tutorials here at Envato Tuts+. Check out this informative tutorial on variable fonts on the web.
8. How to Use Swash Fonts in Photoshop
Ever wanted to try out a swash font in Adobe Photoshop? Here’s one of our Photoshop typography tutorials, and it’s all about using swashes in this software environment.
9. How to Create a Font in Adobe Illustrator
Curious about font creation? We have a lot of awesome Illustrator typography tutorials to check out, but this one is for your inner type designer. Check it out and brainstorm some ideas for your own font today.
10. Web Fonts in 60 Seconds
Looking for a quick crash course on web fonts, what they are, and how to use them? Look no further. This is one of our quicker font tutorials, but it’s packed with info. Check it out.
11. Create a Realistic Neon Light Text Effect in Photoshop
This text effect has so much potential. Take any phrase and quickly turn it into a stylish neon sign. These concepts also transfer to shapes and other imagery.
12. How to Use Font Ligatures in InDesign, Photoshop, and Illustrator
Learn how to use font ligatures in this set of free font tutorials. Whether you’re working in Adobe Photoshop, Adobe InDesign, or Adobe Illustrator, this font ligature tutorial will help get you on the right track.
13. How to Fill Text With an Image in Adobe InDesign
Check out this fun text effect. Want to give it a try? This is just one of our many font tutorials for Adobe InDesign. Give it a look and learn a new text effect today.
14. How to Combine Fonts, How Not To, and the Best Font Combinations
Choosing the perfect font for your project is not always a simple task. Mixing them up takes this even further. How do you make the right choice? Check out these video tips to help you make font selections that complement and support your design work.
15. Typography: Difference Between Typography and Hand Lettering
Typography and hand lettering have some things in common, but they’re also distinctly different. Learn about the two of them and how they differ in this free typography tutorial video.
16. The Art of Typography: Introduction
Strong typography skills are essential to any designer’s skillset, regardless of your concentration. Check out this introduction to the art of typography, a video series that you can check out today.
17. Learn CSS Typography
Want to learn about typography as it relates to CSS? It’s not as complicated as it might sound. Don’t worry, we start with CSS basics, so this typography tutorial is beginner-friendly. Check it out today.
18. Introduction to Web Typography: An Introduction
Looking for even more content for the web? Check out this introduction to web typography. It’s a wonderful sample of a longer, in-depth course that can help you boost your web design skillset.
19. Typography Poster Design in Adobe Photoshop | Free Course
Looking for a free typography tutorial course? Check out this typographic poster design—and learn along with it! It’s over an hour of instruction, and it’s completely free to watch and learn.
20. How to Create a Photo to Art Text Effect Photoshop Action
Isn’t this a fun text effect? Take a favorite photo and turn it into a trendy art text effect in Adobe Photoshop. This video typography tutorial will show you all the ins and outs of creating this fun Photoshop action.
21. How to Curve Text in Adobe Photoshop
Creating curved text in Adobe Photoshop is a lot simpler than it looks! Tune in to this video typography tutorial to learn how to create this effect (and expand on it too). It’s a simple yet flexible skill to learn.
22. What Is Comic Sans?
Comic Sans often has a reputation in design circles and on the Internet. Curious about Comic Sans, where it came from, and why this typeface can be so divisive? Check out this tutorial and other font tutorials on our YouTube channel.
23. How to Create a 3D Text Effect Action
Check out this 3D typography tutorial. Create a stylish 3D text effect action that you can use in Adobe Photoshop again and again. This walkthrough makes it easy. Give this one a try today and add it to your actions arsenal.
Even More Font Resources and Inspiration
Looking for more font inspiration? Maybe you’re looking to add more professional fonts to your roster. Check out these awesome collections of professionally designed fonts that you can download today. Pick up some new fonts today or enjoy the type inspiration.
-
20+ Best Free Elegant Fonts (Stylish Fonts to Download)
-
36 Best Handwriting Fonts (Fonts That Look Like Handwriting)
-
19 Best Small Fonts (Pixel & Tiny Fonts to Download Now)
-
30 Beautiful Modern Script Fonts (Typefaces for 2020)
-
25+ Best Free Distressed Fonts (& Grunge Fonts)
-
35 Best Block Fonts (Ready to Download Now)
-
25+ Best Free Calligraphy Fonts (Free Downloads)
-
Fonts Similar to Times New Roman (And Its History)
-
30+ Free Signature Fonts (Script Fonts to Download Now)
-
30+ Best Graffiti Fonts
-
Vintage Trend: Best Mid-Century Fonts
-
29 Best Heavy Metal Fonts
-
25+ Best (Free) Super-Cute Fonts With Pretty Design Styles
-
28 Best Art Deco Fonts
-
25+ Best Free Vintage Fonts (Free & Premium to Download!)
-
42 Best Retro 80s Fonts to Download in 2020
-
31 Best Stencil Fonts
-
35 Best Western Fonts (Old Western, Cowboy, and Country Style)
-
25+ Best Free Hand-Lettering Style Fonts (Designs for 2020)
-
29 Best Monospace Fonts
Top 10 Trending Fonts on Envato Elements
If you’re looking to download a new font today, check out these trending fonts from Envato Elements. They’ve proven to be really popular, and they’d be a great addition to your toolkit.
The best part is, when you download fonts from Envato Elements, you get unlimited downloads. That means you can download as many fonts as you want, and it’s all covered with one low fee. This includes commercial use.
Unlimited downloads are an awesome choice when you love fonts. You could pick up a new one every day, or download an awesome haul when you’re in the mood to check out a bunch of new fonts.
But Envato Elements also comes with graphics, assets, music, and even website templates. It’s all covered with one fee, so you have a huge library of professional content at your fingertips.
Check out these top 10 trending fonts from Envato Elements, and download one today.
Sinisuka Script Typeface
If you’re looking for a stylish script typeface, this one is an excellent choice. Use it for headlines, logos, and more. It comes with complementary swatches too.
Marquee – 18 Grunge Fonts
This font download includes 18 different grunge fonts that you can mix and match. If you’re looking for a professional collection of grunge fonts you can pair together, this is it.
Shelva Script Font
Isn’t this script font charming? It’s an excellent fit for a wide variety of projects. Create a welcoming, personal feel with this modern script typeface. It’s exclusive to Envato Elements, and you can grab it today.
Strongwill Vintage Typeface
This vintage typeface is beautifully stylistic. It could be a great fit for packaging, poster design, and more. Download it today and experiment with the regular and all caps versions included.
Jotunheim Typeface
This beautiful typeface was inspired by ancient runes. Choose from three versions: one that is more legible, one with more decorative elements, and one even more abstracted. Mix and match the three for the perfect look.
Batters Signature Typeface
Love script and handwritten typefaces? Check out this stylish font. It also includes plenty of options for web font usage too. This one is an excellent addition to any collection.
Little Jack Playful Display Font
Isn’t this display font adorable? It’s an awesome fit for early childhood education, school projects, birthday cards, children’s books, and so much more. If you’re working on a playful project, this one is worth a look.
Dear Jane Script Font
This elegant font was created from handwriting. Isn’t it pretty? This one could look amazing on invitations, posters, packaging, and so much more. It has a romantic vibe and has a lot of versatile potential.
Amist Mystical Script Font
Check out the beautiful, organic strokes in this script font. It comes with two versions too—choose between a smooth version and a version with more variation and texture in the strokes. Download this one today.
Pierson An Essential Serif Typeface
This is such a versatile, professional font family. This means you get regular, thin, and light versions of this typeface. This one could work so well for formal and business-related occasions, but also serve as a staple font in a longer document.
Want to Learn Even More?
Looking for even more tutorials? There’s plenty to check out on Envato Tuts+. Check out these other collections of free tutorials you can check out today—choose from illustration, graphic design, web design, software fluency, and more. There’s no better time to boost your skillset than today, with our free tutorials.
We have even more typography tutorial content too! You can also find plenty more font tutorials, font collections, and a huge collection of text effects.
And, if you’re looking for some design help, you can also turn to one of the awesome professionals over on Envato Studio. Thanks for tuning in, and happy designing!
-
Adobe Photoshop100 Best Photoshop Text Effect Tutorials
-
Portrait100+ Best Portrait Tutorials (Illustration, Photo Manipulation, & More)
-
Photo Effects50+ Best Glow and Light Effect Tutorials and Resources!
-
Adobe Photoshop100 Great Photoshop Tutorials for Clever Beginners
-
Adobe Illustrator100 Best Illustrator Text Effect Tutorials (for Beginners & Beyond!)
-
Graphic Design100 Best Graphic Design Tutorials