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.
Read moreRead less
All content
Courses
Tutorials

All Web Typography tutorials:

  1. Exploring the Kinetic Web Typography Trend in 2024

    Exploring the Kinetic Web Typography Trend in 2024

    Tutorial • Beginner

    Kinetic typography is experiencing a resurgence in 2024. But how are these designs created? And is it a trend worth exploring? We uncover the details here.

  2. What’s the Wide Fonts Trend in Web Design?

    What’s the Wide Fonts Trend in Web Design?

    Tutorial • Beginner

    Join us as we discuss the wide type or wide fonts trend in web design, highlighting its resurgence, connection with neubrutalism, and showcase plenty of...

  3. Typographic Readability and Legibility

    Typographic Readability and Legibility

    Tutorial • Beginner

    What is readability vs. legibility, and why are they important? You might be considering font readability, or whether or not serif vs. sans serif readability...

  4. Understanding Typographic Hierarchy

    Understanding Typographic Hierarchy

    Tutorial • Beginner

    What is hierarchy in typography, and how does it work? In this article, we'll explain type hierarchy and look at some examples to make it clear.

  5. AI-Enhanced Typography: How Machine Learning is Transforming the Art of Web Typography

    AI-Enhanced Typography: How Machine Learning is Transforming the Art of Web Typography

    Tutorial • Beginner

    We’re exploring how AI and machine learning are revolutionizing web typography through font pairing, layout optimization, accessibility, and personalized...

  6. Start Using Quotation Marks the “Correct” Way

    Start Using Quotation Marks the “Correct” Way

    Tutorial • Beginner

    Quotation marks, speech marks, inverted commas; whatever you call these forms of punctuation, you might well be using them incorrectly. Let’s take a quick...

  7. Taking the “Erm..” Out of Ems

    Taking the “Erm..” Out of Ems

    Tutorial • Beginner

    Ems are still the best units for sizing text on the web. There’s only one reason you’re relying on pixels, and that’s because you haven’t yet gotten the hang...

  8. 20 Halloween-Inspired Fonts to Creepify Text on Your Website

    20 Halloween-Inspired Fonts to Creepify Text on Your Website

    Tutorial • Beginner

    Getting your Halloween designs ready for spooky season? Why not use one of these fonts to add a bit of creepy factor to your web text? We've collected some...

  9. 11 Best Web Fonts That Look Great at Small Sizes

    11 Best Web Fonts That Look Great at Small Sizes

    Tutorial • Beginner

    Looking for the best small fonts for web that offer both unique looks and versatility? We'll introduce you to some stunning small letter fonts for your webpage.

  10. How to Handle Text Overflow (with a CSS Ellipsis)

    How to Handle Text Overflow (with a CSS Ellipsis)

    Tutorial • Beginner

    When a string of text overflows the boundaries of a container it can make a mess of your whole layout. Here’s a cool trick to handle text overflow by...

  11. What Fonts Are Trending Now and Font Trends for 2021

    What Fonts Are Trending Now and Font Trends for 2021

    Tutorial • Beginner

    With the end of the year fast approaching, it’s time for some fresh font trends. Next year looks set to be an eclectic and eccentric melting pot of type...

  12. How to Self-Host Google Fonts on Your Own Server

    How to Self-Host Google Fonts on Your Own Server

    Tutorial • Beginner

    Hosting Google Fonts locally on your own server has many advantages, such as better privacy and security, offline availability, and improved performance. In...

Related Categories

CSS
HTML/CSS
UI Design
Sketch
Unlimited Downloads
From $16.50/month
Get access to over one million creative assets on Envato.
Over 9 Million Digital Assets
Everything you need for your next creative project.
Create Beautiful Logos, Designs
& Mockups in Seconds
Design like a professional without Photoshop.
Join the Community
Share ideas. Host meetups. Lead discussions. Collaborate.