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.
  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. An Introduction to Typeface Styles

    An Introduction to Typeface Styles

    Course Beginner

    Knowing when and how to use a specific typeface can mean the difference between good and bad design. But there are so many typefaces available—how do we know...