Brought to you by

In this post we will take a quick look at an issue that occasionally creeps up and prevents the loading of SVG fonts through @font-face. The issue, while quite small and very simple to resolve, has the potential to drive the average developer mad with frustration. Hopefully this quick tip will help prevent that!

In any well designed typeface, every character (or glyph) is meticulously and carefully crafted to work within a very specific typographic system. Sometimes, that system can be tight and rigid, and other times it can be much looser. Either way, the system is critical, and I believe that as designers we need to respect that system, and the integrity of the typeface. In this post, I’ll explain why.

There are plenty of different things to consider when it comes to typography on the web. In this post, we will be looking at Ellen Lupton’s Thinking with Type, and considering some things things that we can do to avoid some of the small-but-important typographic crimes that she outlines in her appendix.

In this tutorial, we’ll look at how to take basic markup and transform it into an attractive and beautiful typographical design through pure CSS3. There are no images or other external resources, just pure CSS magic. We’ll also touch on some general typographical concepts along the way.