title: Add font style with css
body: <p>I have these fonts style added to my my page</p>
  
  <pre><code>    &lt;link href='https://fonts.googleapis.com/css?family=Roboto:400,700,700italic,400italic&amp;subset=latin,cyrillic' rel='stylesheet' type='text/css' /&gt;
      &lt;link href='https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic&amp;subset=latin,cyrillic' rel='stylesheet' type='text/css' /&gt;
      &lt;link href='https://fonts.googleapis.com/css?family=Philosopher:400,400italic,700,700italic&amp;subset=latin,cyrillic' rel='stylesheet' type='text/css' /&gt;
  </code></pre>
  
  <p>How can I add them to my page with css so that I do not have these external links in my css</p>
  
  <p>I tried this </p>
  
  <pre><code>@font-face {
    font-family: 'Roboto';
    src: url('https://fonts.googleapis.com/css?family=Roboto:400,700,700italic,400italic&amp;subset=latin,cyrillic');
  }
  </code></pre>
  
  <p>but in my console (I use Mlozilla) I got </p>
  
  <p><strong>downloadable font: rejected by sanitizer</strong></p>
  
  <p>In Chrome the error says:</p>
  
  <p><strong>Failed to decode downloaded font: <a href="https://fonts.googleapis.com/css?family=Roboto:400,700,700italic,400italic&amp;subset=latin,cyrillic" rel="nofollow noreferrer">https://fonts.googleapis.com/css?family=Roboto:400,700,700italic,400italic&amp;subset=latin,cyrillic</a></strong></p>
  
  <p>Then I downloaded the file associated with the Roboto font and tried</p>
  
  <pre><code>@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../../content/fonts/roboto/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2') format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
  }
  </code></pre>
  
  <p>But nothing happens.</p>