title: Safari renders text in SVG with a different font
body: <p>I’m working with an SVG on a website, and everything works fine except in Safari. Safari displays my SVG with a completely different font than what I used for the graphic.</p>
  
  <p><a href="https://mattyoungdesigns.com/wp-content/uploads/2019/04/img_0547.jpg" rel="nofollow noreferrer">Correct Rendering</a></p>
  
  <p>This is how it’s supposed to display.</p>
  
  <p><a href="https://mattyoungdesigns.com/wp-content/uploads/2019/04/img_0552.jpg" rel="nofollow noreferrer">Safari Rendering</a></p>
  
  <p>This is how Safari renders it.</p>
  
  <p>I don’t have a lot of experience with using SVGs in web design, but I’m using CSS to set it as a background-image like I would anything. I can’t figure out what I’m doing wrong.</p>
  
  <pre><code>.titleContainer{
    background-image: url(‘../img/logo.svg’)
  }
  </code></pre>