Design Meme

New Tutorial: CSS Curly Quotes

// January 3rd, 2006 // Web Design Tutorial

It’s been a while since I posted a CSS tutorial here, so this feels like a good way to be starting the New Year.

Simon Collison recently explained how to create Swooshy Curly Quotes Without Images using CSS. It’s a nice technique that works cross-browser, but you have to add span tags to your markup for it to work.

I’ve written a short article outlining an alternate method for creating CSS Curly Quotes that requires no changes to your markup, and works in modern CSS2 compatible browsers like Firefox. Simon’s technique is cross browser, while my approach gives your cleaner markup. I can think of reasons to use both.

Read the article