title: Smart quotes without "breaking" copy and paste?
body: <p>I really dislike "smart quotes" for one simple reason - when I copy text containing them, it no longer has the original <code>""</code> as was typed, instead I end up with Unicode symbols.</p>
  
  <p>The smart quotes are a visual improvement, so shouldn't really be "baked into" the text, so.. I was wondering, it is possible to display the smart quotes using CSS?</p>
  
  <p>Basically, the text would be displayed as..</p>
  
  <pre><code>This is an “example”
  </code></pre>
  
  <p>..but viewing the source, or copying and pasting would show:</p>
  
  <pre><code>This is an "example"
  </code></pre>