Snarky venom-filled bloggers around the world have been waiting patiently for the W3C to approve the <sarcasm> tag for a long time. Since it has yet to—and likely will never—happen, it’s up to us to do it ourselves. So, today I took two minutes and created my very own sarcasm CSS rule that I can slap onto any bit of text that needs to seethe. Since I’m such a generous guy I thought I’d share this bit of code with you.
.sarcasm{
font-family: "Comic Sans MS", "Comic Sans", fantasy;
font-style: italic;
}
As you can see it’s just a class rule that you can drop into pretty much any text element. While checking this out you might ask, “Why Comic Sans?” Well, that is a two-point answer.
- I was inspired by Andrew Faulkner’s post on Fadtastic from last May.
- Comic Sans is the most bastardly font ever created, hacks love it, (most) pros loathe it. What better way to invoke a gut churning reaction than to use the Boy Wonder of typography, Comic Sans.
The only real hitch is that a lot of designers have never needed to turn on Comic Sans in their font manager, I know I didn’t until today. That is why I added the Fantasy font in there as a contingency plan. I also threw in Italics to be an even more dastardly designer. Although, I think the usage would be appropriate since you do want to emphasize your sarcastic comments. If you haven’t done so, turn Comic Sans and enjoy a sample of .sarcasm.
I absolutely LOOOOOOOOOVE reality tv.
John McCain would make a much better president that Obama.
See, it’s that easy! Enjoy the code snippet and if you have your own version of the sarcasm class please feel free to share it.