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.

1. I was inspired by Andrew Faulkner’s post on Fadtastic from last May.
2. 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.