title: How to add persian Fonts to Next.js?
body: <p>I can't add Persian Fonts to my Next.js in ubuntu and my fonts url is :static/Fonts/IRANSansWeb.eot . I used dangerouslySetInnerHTML but still not working in ubuntu.I dont understand why works in mac os</p>
  
  <p><a href="https://i.stack.imgur.com/VsAlW.png" rel="nofollow noreferrer">font URL</a> 
  -I tried this in my code:</p>
  
  <pre><code>return (
    &lt;html lang="en" dir="rtl"&gt; 
      &lt;Head&gt;
        &lt;title&gt;فراخوان نقد&lt;/title&gt;
        &lt;meta charSet="utf-8" /&gt;
        {/* Use minimum-scale=1 to enable GPU rasterization */}
        &lt;meta
          name="viewport"
          content="minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no"
        /&gt;
        {/* PWA primary color */}
        &lt;meta name="theme-color" content={pageContext.theme.palette.primary.main} /&gt;
        {/* &lt;link
          rel="stylesheet"
          href="https://fonts.googleapis.com/css? 
          family=Roboto:300,400,500"
        /&gt; */}
         &lt;link 
          rel="stylesheet" 
          href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0- 
          alpha.6/css/bootstrap.min.css" 
        /&gt;
        &lt;style dangerouslySetInnerHTML={{__html: `
          @font-face {
            font-family:
            'IranSans,tahoma';
            font-style:
            normal;
            font-weight:
            400;
            src:
            url("../static/Fonts/IRANSansWeb.eot");
            src:
              url("../static/Fonts/IRANSansWeb.eot?#iefix") 
               format('embedded-opentype'),
                url("../static/Fonts/IRANSansWeb.woff2") 
                format('woff2'),
                url("../static/Fonts/IRANSansWeb.woff") 
                format('woff'),
                url("../static/Fonts/IRANSansWeb.ttf") 
                format('truetype');
          }
          body{
            font-family:
          'IranSans, tahoma' !important
          }
          `}}/&gt;
      &lt;/Head&gt;
      &lt;body&gt;
        &lt;Main /&gt;
        &lt;NextScript /&gt;
      &lt;/body&gt;
    &lt;/html&gt;
  );
  </code></pre>