I have a global Visualforce component in the package I am developing that uses the following Static Resource to load fonts:
When this component is used in pages within the package, the fonts render correctly. However, when the component is used in a custom Visualforce Page outside of the package, the fonts do not render correctly and the following error is thrown in the Chrome console:
Font from origin 'https://zqci06.na3.visual.force.com' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://c.na3.visual.force.com' is therefore not allowed access.
I have tried adding https://zqci06.na3.visual.force.com to the CORS Whitelist, but that still did not resolve the issue. Has anyone else encountered this problem?