Phew, what a tour! We covered a lot of content on using fonts when working with Less; let's take a moment to recap what we have learned in this chapter.

We began our journey by learning how to create a simple mixin that helps with setting the font family and color to use; we then saw how we could extend the mixin to store our font choices as variables. Next, we explored how to use @font-face when working with Less, and that this removes any constraint on the fonts we can use within our pages.

We also saw how we can use a prebuilt library in our code, which helps save time on writing mixins, as they can be referenced from libraries such as LESS Hat. We then moved on to take a look at the various means available to manage font sizes, including using rem and why using ems is not always as good as it might appear.

We then moved on to take a look at using Less to create the @media queries as part of responsive design, before rounding up the chapter with a brief look at some of the special...