title: Non latin text in SVG
body: <p>Take the following code:</p>
  
  <pre><code>&lt;svg xmlns="http://www.w3.org/2000/svg"
      width="100%" height="100%" viewBox="0 0 400 400"
      direction="rtl" xml:lang="fa"&gt;
      &lt;title&gt;...&lt;/title&gt;
      &lt;desc&gt;...&lt;/desc&gt;
      &lt;text x="200" y="200"
          font-size="10"&gt;داستان SVG Tiny 1.2 طولا ني است.&lt;/text&gt;
      &lt;/svg&gt;
  </code></pre>
  
  <p>When I open this in my browser, I see:</p>
  
  <pre><code>Ø¯Ø§Ø³ØªØ§Ù† SVG Tiny 1.2 Ø·ÙˆÙ„Ø§ Ù†ÙŠ Ø§Ø³Øª.
  </code></pre>
  
  <p>This is the same for Russian, Hebrew, Greek, Chinese, Japanese etc. </p>
  
  <p>In HTML this displays normally in my browser. </p>
  
  <p><strong>How can I display non Latin characters in SVG?</strong></p>