title: Use CSS defined font face in imported SVGs
body: <p>Is it possible to set <code>@font-face</code> rules for SVG that are assets (as opposed to embedded SVGs)?</p>
  
  <p>I know you can set the styles in the SVG's <code>&lt;defs&gt;</code>, but I'm talking about setting them in your CSS file.</p>
  
  <p>I have hundreds of SVG images that all have something like:</p>
  
  <pre><code>&lt;text id="Text" font-family="SlatePro-Bk"&lt;/text&gt;
  </code></pre>
  
  <p>I have the <code>SlatePro-Bk</code> defined in my CSS, the SVGs don't pick it up.</p>
  
  <p>I have tried to no avail:</p>
  
  <pre><code>svg {
    font-family: 'SlatePro-Bk';
  }
  </code></pre>
  
  <p>Font face rule in my CSS is:</p>
  
  <pre><code>@font-face {
      font-family: 'SlatePro-Bk';
      src:  url('../fonts/slatePro-bk.eot') format('eot'),
            url('../fonts/slatePro-bk.otf') format('otf'),
            url('../fonts/slatePro-bk.woff2') format('woff2'),
            url('../fonts/slatePro-bk.woff') format('woff');  
  } 
  </code></pre>
  
  <p>Any suggestions?</p>