1

I'm already aware of the fact that fonts are not correctly recognized in IIS and I've already configured it web.config:

<system.webServer>
  <staticContent>
    <remove fileExtension=".woff" />
    <mimeMap fileExtension=".woff" mimeType="application/font-woff" />

    <remove fileExtension=".woff2" />
    <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
  </staticContent>
</system.webServer>

But this is different. In my html prototype I have correctly positioned icons of the arrows:

enter image description here

However, when running the same prototype under IIS I arrows are not positioned correctly and are oval shaped instead of circles.

enter image description here

Any idea?

Artur Kedzior
  • 3,994
  • 1
  • 36
  • 58
  • Did you check with your inspector if those font files got served correctly (200) from IIS? I remember there was some [trouble](http://stackoverflow.com/questions/4015816/why-is-font-face-throwing-a-404-error-on-woff-files) with woff and IIS, where you had to apply woff and it's mimetype in IIS setup. – kayess Mar 11 '16 at 10:50
  • Yes, that entries in web.config I posted above do that job and yes they are served correctly. – Artur Kedzior Mar 11 '16 at 11:04

1 Answers1

0

You could try embedding the woff file in you CSS file. This eliminates the IIS issue.
Explanation for base64 font integration

Gelootn
  • 601
  • 6
  • 16