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

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

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

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

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

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

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

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

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

  10. How to Add New Fonts to WordPress

    How to Add New Fonts to WordPress

    Tutorial Intermediate

    Find out how to add new fonts to WordPress from the popular free font repositories, Adobe Fonts and Google Fonts. Give your website a unique look and feel...

  11. How to Change the Font in WordPress

    How to Change the Font in WordPress

    Tutorial Beginner

    In this tutorial you’ll learn how to change the fonts in WordPress. I’ll show you a couple of different ways you can do it, so let’s begin!

  12. 7 CSS Units You Might Not Know About

    7 CSS Units You Might Not Know About

    Tutorial Beginner

    Today, I'm going to introduce you to some CSS tools you might not have known about before. These tools are each units of measurement, like pixels or ems, but...