Comprehensive Guide to CSS Wildcard and @font-face

This post’s video is no longer on YouTube. The notes below are the post.

What You'll Learn:

  • The magic behind '*' (Wildcard) Selector

  • How @font-face changes the game

  • Combining wildcard with other selectors

  • Using Google Fonts for your projects

Wildcard Selector

The wildcard selector '*' is like the Swiss army knife of CSS selectors. It selects all elements, making it incredibly useful in many scenarios. Learn how to apply it individually or combine it with other selectors for maximum efficiency.

@font-face Property

This property allows you to embed custom fonts into your webpage. We'll walk you through how to use Google Fonts to get the best fonts for your project.

Action Steps:

  • Practice what you've learned

  • Explore Google Fonts

Links Mentioned:

  • Google Fonts Website: https://fonts.google.com

Want us to build yours instead?

On a project, every milestone ends with a link to the working build, and the code, the accounts and every password are yours at the handover.

What we’d build for you is on Services.

Send us the brief, or start with the free call.

Page updated .

Privacy preferences

Choose whether this browser sends visit data to our analytics tools. The site works the same either way.

Google Analytics, Amplitude and Microsoft Clarity show us which pages get read. Off means none of the three loads.

Always on

Sentry error reports, with personal data removed, and the Cloudflare spam check on the brief form.

Each cookie is listed in our Cookie Policy.