From the course: Responsive Typography Techniques

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Deciding between self-hosted and hosted fonts

Deciding between self-hosted and hosted fonts - CSS Tutorial

From the course: Responsive Typography Techniques

Start my 1-month free trial

Deciding between self-hosted and hosted fonts

When it comes to the files that make up our web fonts, we have two options for how to make those accessible for use on our websites. We can host these files ourselves on our own servers or hosting environments, or we can use a service that will provide that hosting for us. Both options have their advantages and disadvantages, and that's what we're going to look at in this tutorial. To self host, you typically start by downloading a provided set of files for the font that you've purchased. These are referred to as your @font-face kit. Then you usually need to add a few lines of CSS to your CSS files, or perhaps a whole new CSS file, depending on how that setup works. In some cases, especially in the case of free fonts available for download, you may need to create this @font-face kit yourself. And you can do that using an online generator, like this one here provided by Fontscroll. Always be sure that the license for the font you've downloaded allows for this kind of use online before…

Contents