title: Cannot use @font-face to use font on a SVG file
body: <p>I am trying to use custom fonts on my SVG file but failed. I tried this on normal HTML/CSS webpages and it worked fine. But when it comes to SVG, I tried the ways suggested on websites but it didn't work. </p>
  
  <pre><code>&lt;?xml version="1.0"?&gt;
  &lt;!-- Generated by SVGo --&gt;
  &lt;svg width="500" height="500"
   xmlns="http://www.w3.org/2000/svg" 
   xmlns:xlink="http://www.w3.org/1999/xlink"&gt;
  &lt;defs&gt;
  &lt;script type="text/css"&gt;
  &lt;![CDATA[
      @font-face {font-family: "waffle_regularregular";src:url('/font/waffleregular-webfont.eot');src: url('/font/waffleregular-webfont.eot?#iefix') format('embedded-opentype'),url('/font/waffleregular-webfont.woff2') format('woff2'),url('/font/waffleregular-webfont.woff') format('woff'),url('/font/waffleregular-webfont.ttf') format('truetype'),url('/font/waffleregular-webfont.svg#waffle_regularregular') format('svg');font-weight: normal;font-style: normal;}
  ]]&gt;
  &lt;/script&gt;
  &lt;script type="text/css"&gt;
  &lt;![CDATA[
      text {font-family: "waffle_regularregular"}
  ]]&gt;
  &lt;/script&gt;
  &lt;/defs&gt;
  &lt;text x="250" y="250" style="text-anchor:middle;font-size:30px;fill:white"&gt;ทดสอบ test ព័ត៌មានតាមថ្ងៃ 日本語 中文&lt;/text&gt;
  </code></pre>
  
  <p></p>
  
  <p>Everytime I open it on Chrome and Firefox, they picked Linux system fonts to display. For testing, I changed the text's font-family style to other Linux fonts and it worked fine. It just doesn't use my custom font. </p>
  
  <p>My custom font is a Thai font and was generated by fontsquirrel.com. I am trying to do this to make sure all clients will see the same font on my SVG.</p>
  
  <p>I checked the path to the custom fonts on browser and they were all available. Please kindly suggest.</p>