Layering Webfonts

Layering Webfonts

The most reliable and cleanest way to layer web fonts

Hi guys, Dan here.

Today we’re releasing a new video, another in our tutorial series. And this time we’re talking about layering web fonts.

Layered fonts allow us to do some really neat things, giving us some unique flexibility when it comes to design. But did you know that you can also layer web fonts? Most people have an idea that it is possible, but all kinds of red flags get raised implementing it. So, what is the most reliable way to layer web fonts without duplicate content issues and jumbled up html?

There are several methods, but I think this is the best one. It’s CSS only (no javascript), reduces duplicated content, and is pretty easy to use. Take a look at the video, and you’ll see what I mean!

By the way, if you love the font I used in the video, you can get it here ON SALE for a limited time:
fontspring.com/fonts/s-core/core-circus

Dan Leach
Dan Leach
Lead Product Developer and Chief of the Admin Section
Recommended Posts

Leave a Comment