Problem: Certain fonts do not render correctly when Story Map Cascade is hosted on a web server
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.
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:
- Open IIS Manager on the Server machine. For more information on how to start the IIS Manager, refer to Open IIS Manager.
- Under the IIS category, click MIME Types, and navigate to the Actions pane on the right. Click Open Feature.
- In the MIME Types window, navigate to the Actions pane on the right, and click Add.
- 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
- Close the IIS Manager.
- ArcGIS Help: How do I install custom fonts for use with ArcGIS Server?
- ArcGIS Blog: How To Cascade
- GitHub: Esri Story Map Cascade
- ArcGIS Help: 20025: Layer uses fonts which are not embeddable and are not on the server