Icon images are not getting displayed

[KabirAryan]

I have used 'bootstrap-wysihtml5-rails' to provide text editing functionalities.

The image icons get displayed properly in development environment or by preceding the URL with cdn, but if I try to access the site in either staging or production environments, then they don't load up properly.

If accessed in development or cdn.site-name.com then the icons get displayed properly as follows:

But, if I try to access the site in either staging or production environments then the icons images don't load up as follows:

The error observed in chrome debugger is as follows:

Access to Font at 'https://cdn.staging.site-name.com/fonts/glyphicons-halflings-regular.woff2' from origin 'https://staging.site-name.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

I have tried various solution posted on Stack Overflow associated with above issue, but none of them has helped me out yet.

Kindly suggest how to overcome the issue.

[Nerian]

Did you come up with a solution? Feel free to reopen if you haven't.