From the course: Responsive Typography Techniques

Unlock the full course today

Join today to access over 24,900 courses taught by industry experts.

Challenge: Handling your own web font events

Challenge: Handling your own web font events - CSS Tutorial

From the course: Responsive Typography Techniques

Start my 1-month free trial Buy for my team

Challenge: Handling your own web font events

“

Now that you had a chance to see how the web font loader works, why not take a chance to use it for yourself? In this challenge, your objectives are to choose a different font from the Google Font library for our headline, and once you have that chosen, create two CSS rules around the web font events. One for when the new title web font is loading, and one for if the web font is inactive. Overall this challenge should take you about 20 minutes as long as you don't spend too long picking a new font. Once you have your solution, check the next video and see what I came up with. Once again, there's no right or wrong answer here, but it's fun to compare notes and see what we came up with.

Contents