In the name of speeding up your site you may hear that minifying your CSS is both awesome and easy. I’ll agree that it’s very easy, and in the name of speed I can concede a bit to the awesomeness. But if you’re using
@font-face in your stylesheets, be wary of automatic minifying techniques.
I found out the hard way (Thanks Steven) that some of these techniques can strip web browsers ability to read
@font-face CSS code correctly, resulting in incorrect fonts being displayed, and the responsiveness of media queries rendered useless.
It turns out that I’d nonchalantly enabled the option to auto-minify stylesheets at the service I use to distribute this site, CloudFlare. Thankfully the option can be turned off and after a quick cache purge, all was well again in the Chrome world.
As a side-note, it was great to use old school Mini Cooper artwork for this post. I’ve loved them since I was a kid and still dream about getting one for my mid-life crisis one day.