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
Found a great new font, but not sure how to install it? In this tutorial, we’ll walk through how to do just that—install a font onto your PC running Windows… -
How to Install a Font on Mac
So you’ve found a great new font, but you’re not quite sure how to install a font on Mac. Look no further—in this tutorial, we’ll do just that: walk through… -
What Is a Monospaced Font?
Typographic details are so vast and take time to learn. In this article, we’ll touch on two important terms: monospaced fonts vs. proportional fonts. -
What Are Color Fonts?
Color fonts are set to take over the graphic design world in 2020, but what are they, and how do you use them? Learn all about color fonts in this tutorial. -
The Different Types of Fonts: When to Use Each Font Type and When Not
Typefaces come in all different shapes and sizes and can be categorized depending on their characteristics. -
How to Add Fonts to Photoshop (Mac and Windows)
Want to add a new font to Adobe Photoshop? Using Adobe Fonts is an easy way to do so via Adobe’s Creative Cloud. We can use this tool to add new fonts to… -
What Are Variable Fonts?
Variable fonts allow you to adjust the weight, width and slant of type as you work. Learn all about variable fonts and how they can make formatting… -
What Is an SVG Font? All About SVG Fonts
The innovative SVG font format has come in with full force to shake up traditional font formats. Let’s take a look at what this is all about! -
How to Install and Use Fonts in Procreate
Want to learn how to download fonts to Procreate, or how to add fonts to Procreate? We’ve got you covered. From downloading to using fonts for Procreate,… -
Typeface vs. Font: What Is the Difference Between Them?
Have you ever wondered what the difference is between a font and a typeface? Well, wonder no more because that’s exactly what we’re clarifying today. -
Best Fonts for Dyslexia
About 17% of the world’s population are classified as dyslexic, so why aren’t we paying more attention to making design accessible to more people? -
How to Combine Fonts, How Not To, and the Best Font Combinations
Ready to move one step further in your typography journey? In this article, we’ll show you a few tips and tricks when combining fonts. -
The Pros and Cons of Icon Fonts
In this short video tutorial from my recent icon fonts course, I’ll briefly explain what icon fonts are and how they work, and then I’ll go through the pros… -
A Beginner’s Guide to Pairing Fonts
Pairing fonts can be a challenge. Selecting two or more fonts which work well is one thing – selecting two which work together to achieve your typographic… -
How to Use Font Ligatures in InDesign, Photoshop & Illustrator
In this tutorial, we take a look at what font ligatures are and how to use them, and we profile some of the best ligature fonts. -
The Best Alternatives to the 10 Most Popular Fonts
We see them on a daily basis—these popular fonts are everywhere! Check out this article to find hand-picked alternatives to some 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 TypeGrace Fussell
TypographyWhat Is Typography?Melody Nieves
TypographyThe Ultimate Guide to Basic TypographyLaura Keung
TypographyThe A to Z of TypographyGrace Fussell
FontsThe Rise of the Sans SerifLaura Keung
FontsA Brief History of Display FontsLaura Keung
FontsThe Psychology of Fonts (Fonts That Evoke Emotion)Grace Fussell
FontsSerif vs. Sans Serif Fonts: What Is the Difference?Melody Nieves
TypographyTypography: The Anatomy of a LetterMelody Nieves
AccessibilityHow to Improve the Accessibility of Fonts and Typography in Your DesignsGrace Fussell
Typography10 Typefaces That Changed the WorldGrace Fussell
QuizQuiz: Do You Know Your Typography?Joel Bankhead
FontsAll About the Futura Font and Its HistoryLaura Keung
FontsEverything You Wanted to Know About HelveticaGrace Fussell
TypographyThe Difference Between Typography & Hand Lettering: Typography in 60 SecondsMelody Nieves
Typography5 Typography Secrets to Transform Your DesignsGrace Fussell
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 FontYulia Sokolova
Font DesignHow to Create a Font in Adobe IllustratorMary Winkler
Font DesignThe Basics of Drawing Type & Creating Your Own Handwritten FontGrace Fussell
FontsHow to Make a Monospace Pixel FontMiss Chatz
FontForgeHow to Create a Font Using Fontself and FontForgeMary Winkler
DrawingMastering Calligraphy: Making Your Own FontMegan Eckman
Adobe IllustratorHow to Create a Color Font With Adobe Illustrator and Fontself MakerYulia Sokolova
TypographyHow to Design and Construct a Functional Cursive FontKelvin Song
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 PhotoshopRose
Tattoo DesignUse a Tattoo Font to Add a Realistic Tattoo to a Photo in PhotoshopMonika Zagrobelna
Text EffectsHow to Distress a Font in IllustratorAndrei Marius
Adobe IllustratorHow to Use an SVG Color Font to Create a Logo Design in IllustratorAndrei Marius
TypographyHow to Create a Nautical Tattoo FontChris Carey
Blend ToolHow to Use the Blend Tool for Lettering in Adobe IllustratorLaura Keung
Adobe IllustratorHow to Create an Art Nouveau Text Effect in IllustratorAndrei Marius
Text EffectsHow to Create a Quick Sparkling Diamonds Text Effect in Adobe PhotoshopRose
Text EffectsHow to Create a Graffiti Text Effect in IllustratorAndrei Marius
Adobe PhotoshopHow to Create a Realistic Embroidery Text Effect in Adobe PhotoshopJohn Negoita
Text EffectsHow to Warp Text in Adobe PhotoshopAbbey Esparza
Text EffectsHow to Create a Leaf-Covered Text Effect Action in Adobe PhotoshopAnderson Luiz
Text EffectsHow to Outline Text in PhotoshopMonika Zagrobelna
Text EffectsHow to Create a Sketch Text Effect Action in Adobe PhotoshopAnderson Luiz
Text EffectsHow to Create a Newspaper Ransom Note Text Effect in Adobe PhotoshopRose
Text EffectsHow to Curve Text in IllustratorMonika Zagrobelna
SummerHow to Create an Ice-Cream Script Poster in Adobe InDesignGrace Fussell
Text EffectsQuick Tip: How to Create a Memphis Style Text Effect in Adobe InDesignGrace Fussell
Text EffectsHow to Create a Cool Bubble Font Text EffectAndrei Marius
Text EffectsHow to Make a 3D Text Effect in PhotoshopMonika Zagrobelna
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 IdeasLaura Keung
CareersWhat Is the Best Font for a Resume? (Professional Size & Proper Type for 2020)Charley Mendoza
TypographyThe Connections Between Font Style and Music GenreDaisy Ein
Spirit DayHow to Create a Typographic T-Shirt DesignDaisy Ein
TypographyHow to Create a Hand-Lettering Textured Poster in Adobe IllustratorYulia Sokolova
Logo DesignTypography in Action: Design Simple & Effective Type LogosGrace Fussell
TypographyUnderstanding Auto, Optical and Metrics Kerning in Adobe IllustratorJulie Felton
Adobe PhotoshopHow to Create a Typographic Album CoverDaisy Ein
GridsHow to Use Grids in Photoshop to Create a Typographic PosterLaura Keung
BrochureHow to Create a High-Impact Typographic Brochure in Adobe InDesignGrace Fussell
Adobe InDesignHow to Create a Typographic Valentine’s Card in Adobe InDesignGrace Fussell
Text EffectsHow to Create a Tasty 3D Typographic Illustration in PhotoshopMark Mayers
Spirit DayCreate a Cool Typographic Poster Ready for Spirit Day in Adobe InDesign!Grace Fussell
TypographyHow to Create a Vintage Typographic Illustration Poster in Adobe IllustratorJanie Kliever
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 WebKezz Bracey
FontsVariable Fonts on the Web, ExplainedKezz Bracey
Web TypographyWeb Fonts in 60 SecondsKezz Bracey
TypographyHow to Self-Host Google Fonts on Your Own ServerAnna Monus
WordPressHow to Add New Fonts to WordPressJessica Thornsby
Web TypographyWhat Your Web Typography Says About YouJoanna Ngai
Web TypographyThe Future of Web Typography: CSS Fonts Level 4Dennis Gaebel
Web TypographyA Guide to Selecting Custom Fonts for Your WebsiteEric Karkovack
TypographyThe Complete Beginner’s Guide to Chinese FontsKendra Schaefer
AccessibilityDesigning Accessible Content: Typography, Font Styling, and StructureCarie Fisher
Adobe MuseHow to Use Web Fonts With Adobe MuseMichael Chaize
TypographyFiguring Out @font-faceJeremy Loyd
TypographyUnderstanding Typographic HierarchyJeremy Loyd
TypographyA Comprehensive Guide to Typography BasicsEd Wassermann
WordPressHow to Change the Font Color in WordPressRachel McCollin
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)
We’ve scoured the internet to find the best collection of free elegant fonts available, and we’ll also share with you a few of the premium elegant fonts… -
36 Best Handwriting Fonts (Fonts That Look Like Handwriting)
Need fonts for handwriting with the right vibe to complement a new project? Check out this collection of the 36 best handwriting fonts from Envato Elements. -
19 Best Small Fonts (Pixel & Tiny Fonts to Download Now)
If you are looking for fonts that retain readability when reduced in size, then you need to check out these 19 tiny fonts from Envato Elements and… -
30 Beautiful Modern Script Fonts (Typefaces for 2020)
Love handwritten fonts? Find amazing script typefaces in this new collection for 2020 curated by Envato Market and Envato Elements. -
25+ Best Free Distressed Fonts (& Grunge Fonts)
If you want to give your text that weathered look, you’ll want to use a grunge or distressed font. Here are the best free distressed fonts available online… -
35 Best Block Fonts (Ready to Download Now)
Block fonts capture the eye and hold it. That’s why, when you need a display font to make your message stand out, block font styles are an excellent choice…. -
25+ Best Free Calligraphy Fonts (Free Downloads)
Check out this list of the 25+ best free calligraphy fonts and free wedding calligraphy fonts, as well as a selection of premium fonts you can find at Envato… -
Fonts Similar to Times New Roman (And Its History)
In this article, we’ll look at a selection of fonts similar to Times New Roman. And we’ll also go through a quick Times New Roman history. -
30+ Free Signature Fonts (Script Fonts to Download Now)
Try a cool signature font and create a unique signature you can be proud of. Today we’ll share with you over 30 free signature style fonts as well as a… -
30+ Best Graffiti Fonts
Street style features an eclectic urban aesthetic that’s hard to miss. So don’t miss out on this epic collection of 15 incredible graffiti fonts! -
Vintage Trend: Best Mid-Century Fonts
In this tutorial, we’ll look at the famous Mid-Century Modern design style. We’ll look at some of the characteristics, typography, and a few Mid-Century… -
29 Best Heavy Metal Fonts
Bring the powerful, fast-paced spirit of heavy metal music to your next project when you use one of these 29 premium fonts from Envato Elements and… -
25+ Best (Free) Super-Cute Fonts With Pretty Design Styles
Love free fonts? Check out this list of super cute styles from our favorite free and premium sites in this article. -
28 Best Art Deco Fonts
There’s no denying it: Art Deco fonts are totally cool and are the right choice for designers and design dabblers who want to bring a fresh and stylish look… -
25+ Best Free Vintage Fonts (Free & Premium to Download!)
If you love everything vintage, you’ll adore this list of over 25 best free vintage fonts and a selection of premium vintage fonts from Envato Elements. -
42 Best Retro 80s Fonts to Download in 2020
Looking for the best 80s fonts to complete your projects? Check out this new list for exciting pro fonts from Envato Market and Envato Elements. -
31 Best Stencil Fonts
Today we bring you an awesome collection of the best stencil fonts created by the industry’s leading design experts! Curated from the font sections at Envato… -
35 Best Western Fonts (Old Western, Cowboy, and Country Style)
Old Western fonts bring to mind images of cowboys and gunslingers, pioneers and adventure. So it’s no wonder that Western style fonts are still a perennial… -
25+ Best Free Hand-Lettering Style Fonts (Designs for 2020)
Need a hand-lettering font for your next project? Check out this stunning collection of free and premium resources. -
29 Best Monospace Fonts
Looking for an amazing monospace font for a new project? Well, we’ve put together 29 of the best monospace fonts around just for you.
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 TutorialsMelody Nieves
Portrait100+ Best Portrait Tutorials (Illustration, Photo Manipulation, & More)Elizaveta Akimova
Photo Effects50+ Best Glow and Light Effect Tutorials and Resources!Abbey Esparza
Adobe Photoshop100 Great Photoshop Tutorials for Clever BeginnersDanny Outlaw
Adobe Illustrator100 Best Illustrator Text Effect Tutorials (for Beginners & Beyond!)Andrei Marius
Graphic Design100 Best Graphic Design TutorialsMelody Nieves
{excerpt}
Read More