Font failed to load on server?

Question

both font works locally but on server elkwood works and avenir doesn't work i got no idea why. please see image

i also tried font-family: "AvenirNextLTPro-Regular"; src: url( "/fonts/AvenirNextLTPro-Regular.otf" );

screenshot details

Answer 1

IIS does not know to serve the request for .otf files. We need to explicitly tell IIS that these are valid file types. To do that, Add this section to your web.config under <system.webServer> section.

<staticContent>    
  <mimeMap fileExtension=".otf" mimeType="font/otf" />
</staticContent>