title: SVG file custom font not showing in html
body: <p>My goal: print an SVG to a single page (any paper size) full size from html page in Chrome (Electron).</p>
  
  <p>I'm struggling to achieve this goal, here's my story:</p>
  
  <p>I've generated an SVG that has text in it that should be displayed with a particular font. This is a custom font that I included with css (using Font Squirrel) and is also used for text in the website. When I display the SVG in my website inline the font renders fine.</p>
  
  <p>Inline means it is an  element that is part of the dom that you can inspect. Problem with this is that you can't really change the width style without having to rerender the svg. Since I want to print it it would be nice to be able to do just 'width=100%'.</p>
  
  <p>To do this I serialized the SVG to a dataURL and used an  and set its src to the dataURL. Now I can set the width like I want. However: the custom fonts don't work anymore!</p>
  
  <p>So I saved the SVG img to file to edit it. Apparently you can include css in the SVG so that's what I did. Then when you open the file directly in browser it works right again. However when you open it in an IMG in a web page the fonts don't work anymore.</p>
  
  <p>Next I tried copying svg fonts directly into the file ( glyph stuff...). Yes this works! Oh, no it doesn't, just in Safari not in Chrome, darn.</p>
  
  <p>For now I'm considering to just rasterize it but that's no neat solution of course.</p>
  
  <p>As you can understand I'm getting a bit frustrated here. Can anyone give me an insight in the SVG font issue or do you have any tips regarding the printing?</p>