Certain fonts do not render correctly when Story Map Cascade is hosted on a web server

Description

When a Story Map Cascade app is hosted on a web server, some fonts do not render correctly. For example, if text displays as the Open Sans font in an app built using ArcGIS Online, the same font is not recognized by the app hosted on a web server and displays as the Arial font instead.

Cause

This issue occurs due to the limitations of the configuration for supported fonts by the web server where the app is hosted and is not caused by the Cascading Style Sheet (CSS) behind the app UI.

In some instances, required extensions and Multipurpose Internet Mail Extension (MIME) types are not configured or added to the web server. These required extensions and associated MIME types can help to identify the types of content that can be added to a browser from a web server.

Solution or Workaround

To resolve this problem, add the following extensions and associated MIME types to the Internet Information Services (IIS) Manager by doing the following:

1. Open IIS Manager on the Server machine. For more information on how to start the IIS Manager, refer to Open IIS Manager.
2. Under the IIS category, click MIME Types, and navigate to the Actions pane on the right. Click Open Feature.
   
   
    
3. In the MIME Types window, navigate to the Actions pane on the right, and click Add.
4. Add the following extensions and MIME types:

   .eot    application/vnd.ms-fontobject
   .ttf    application/octet-stream
   .svg    image/svg+xml
   .woff   application/font-woff
   .woff2  application/font-woff2

5. Close the IIS Manager.