title: How to Smooth Fonts in Javascript and Save Text to Downloaded Jpeg?
body: <p>Making a meme generator:</p>
  
  <p><a href="http://codepen.io/Teeke/pen/yJEaRY" rel="nofollow">http://codepen.io/Teeke/pen/yJEaRY</a></p>
  
  <p>The fonts are ragged on larger pictures. Any CSS font smoothing properties I use are rendered in the browser only, and do not save to the exported jpeg. </p>
  
  <p>Font Styling is 58-63 in the JS:</p>
  
  <pre><code>ctxt.shadowColor = '#000';
  ctxt.shadowOffsetX = 0;
  ctxt.shadowOffsetY = 2;
  ctxt.shadowBlur = 3;
  ctxt.lineWidth = 2;
  </code></pre>
  
  <p>Are there any libraries or workarounds I could use? Could I apply a very low opacity greyscale or similar filter to the whole canvas? Javascript does not have as many font smoothing properties as CSS.</p>