Learn Web Typography

Explore the wonderful world of web typography! Learn how to choose fonts, create hierarchy, and craft beautiful, readable text for your UI designs.

All Web Typography content:

  1. 14 Essential CSS Courses

    14 Essential CSS Courses

    Tutorial Beginner

    If you want to be a successful web designer, a solid grasp of CSS is a must. Luckily, we've got some resources to help you, whether you want to learn the...

  2. WordPress for Writers: Themes to Make Your Words Stand Out

    WordPress for Writers: Themes to Make Your Words Stand Out

    Tutorial Beginner

    Sometimes, we forget about the importance of text. We'll show you how to bring your text back to the forefront with some helpful WordPress themes.

  3. Want to Learn the Web Design Basics? Start Here

    Want to Learn the Web Design Basics? Start Here

    Tutorial Beginner

    Envato Tuts+ instructor Kezz Bracey has put together a series of beginner courses that cover basic web design topics in depth, giving you a solid foundation...

  4. A Comprehensive Guide to Typography Basics

    A Comprehensive Guide to Typography Basics

    Tutorial Beginner

    If you’re learning web design from zero and want to significantly improve your typography chops, then this article is written for you. We will cover...

  5. CodePen Challenge #6: Results!

    CodePen Challenge #6: Results!

    Tutorial Beginner

    Last week we asked you to take part in our sixth CodePen Challenge: to decorate a drop cap using CSS. This one seemed to stump you all a bit, only 12 of you...

  6. CodePen Challenge #6: Decorative Drop Caps

    CodePen Challenge #6: Decorative Drop Caps

    Tutorial Beginner

    Time for another CodePen Challenge! We want you to take a plain-looking paragraph and apply a decorative drop cap to the initial letter–the best examples...

  7. Better CSS Drop Caps With “initial-letter”

    Better CSS Drop Caps With “initial-letter”

    Tutorial Beginner

    Drop caps are a form of decoration sometimes used at the beginning of a block of text; the initial letter running several lines deep and indenting the body...

  8. Finding the Mobile Typography Sweet Spot

    Finding the Mobile Typography Sweet Spot

    Tutorial Beginner

    Let’s get serious about mobile typography; we all know that mobile is massive, and we can also agree that typography is super important within a design....

  9. Comprehensive Guide: When to Use Em vs. Rem

    Comprehensive Guide: When to Use Em vs. Rem

    Tutorial Intermediate

    You may have come to terms with using flexible units of measurement, but you still might not fully understand when to use rems and when to use ems. This...

  10. Web Design for Kids: Typography

    Web Design for Kids: Typography

    Tutorial Beginner

    Welcome to the ninth lesson of our Web Design for Kids series, all about Typography. In this tutorial we will look at what typography is all about and why...

  11. Web Design for Kids: Design Basics

    Web Design for Kids: Design Basics

    Tutorial Beginner

    Welcome to the eighth lesson of our Web Design for Kids series, design basics! Throughout this series we have focused on bringing a design to life, but we...

  12. The Pros and Cons of Icon Fonts

    The Pros and Cons of Icon Fonts

    Tutorial Beginner

    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...