title: How to set semantic icons font to displayy swap
body: <p>I am using the react semantic UI repo: <a href="https://github.com/Semantic-Org/Semantic-UI" rel="nofollow noreferrer">https://github.com/Semantic-Org/Semantic-UI</a></p>
  <p>And we are also using themes, and we want to set all @font-face fonts to use font-display to swap.</p>
  <p>And there is this icons.woff and icons.woff2, and I cannot seem to set these to display swap.</p>
  <p>I tried adding it on this files:</p>
  <p><code>Themes/default/elements/icon.overrides</code></p>
  <pre><code>  /* Load &amp; Define Icon Font */
    @font-face {
      font-family: @outlineFontName;
      src: @outlineFallbackSRC;
      src: @outlineSrc;
      font-style: normal;
      font-weight: @normal;
      font-variant: normal;
      text-decoration: inherit;
      text-transform: none;
      font-display: swap;
    }
  </code></pre>
  <p>But its not taking effect, where do I have to so this up so that these fonts get that font swap property?</p>
  <p>Thanks</p>