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

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

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

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

  5. New Course: Advanced Typography Design in Figma

    New Course: Advanced Typography Design in Figma

    Tutorial Beginner

    Figma is perfect for creating great web typography. Learn some amazing new tricks in our latest course, Advanced Typography Design in Figma.

  6. Advanced Typography Design in Figma

    Advanced Typography Design in Figma

    Course Beginner

    This course is the second in a two-part series on designing web typography using the Figma UI design tool. In the last course (Web Typography Basics in...

  7. The 10 Best Decorative Fonts to Use on Your Website

    The 10 Best Decorative Fonts to Use on Your Website

    Tutorial Beginner

    Decorative fonts offer a simple, straightforward way to enhance your website’s look and reinforce your branding. I’m going to show you everything you need to...

  8. New Course: Web Typography Basics in Figma

    New Course: Web Typography Basics in Figma

    Tutorial Beginner

    Brush up your web typography skills in our new course, Web Typography Basics in Figma. You’ll implement an extensive repertoire of typographic principles as...

  9. Web Typography Basics in Figma

    Web Typography Basics in Figma

    Course Beginner

    In this course you’ll learn how to design web typography for a website using Figma. Throughout the coming lessons you’ll implement an extensive repertoire of...

  10. 7 Principles of Good Website Design for Newspaper WordPress Themes

    7 Principles of Good Website Design for Newspaper WordPress Themes

    Tutorial Beginner

    In this article we’ll dive into seven principles for designing a quality newspaper theme. I’ll use some popular Newspaper WordPress themes on Themeforest as...

  11. What Your Web Typography Says About You

    What Your Web Typography Says About You

    Tutorial Beginner

    What do your type choices say about you and your business? (Hint: More than you think, read on to find out).

  12. How to Use CSS Logical Properties to Control Layout

    How to Use CSS Logical Properties to Control Layout

    Tutorial Intermediate

    CSS logical properties are a new specification that enables developers to support different writing modes and multi-directional websites. They introduce a...