Question
How can I host web fonts from spaces and make them available on localhost during development?
- Posted December 21, 2018
- CDN
I am hosting my fonts in spaces - this is the CSS file - https://lumeer-cdn.ams3.digitaloceanspaces.com/latofonts.limited.min.css
During development, the application using this CSS file is hosted on http://localhost:7000. This domain cannot be added in CORS settings (the submit button stays disabled). So I added “*” wildcard. The browser can download the CSS file, but it refuses to download the font files:
Access to font at 'https://lumeer-cdn.ams3.cdn.digitaloceanspaces.com/fonts/Lato-Bold.woff' from origin 'http://localhost:7000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Is there a way to add the headers or any other way to make it work?
Subscribe
Share
Submit an answer
You can type!ref in this text area to quickly search our full set of tutorials, documentation & marketplace offerings and insert the link!
Sign in to AnswerThese answers are provided by our Community. If you find them useful, show some love by clicking the heart. If you run into issues leave a comment, or add your own answer to help others.
Try DigitalOcean for free
Click below to sign up and get $100 of credit to try our products over 60 days!
check this: https://www.digitalocean.com/community/questions/why-can-i-use-http-localhost-port-with-cors-in-spaces
Hey friend,
In talking with one of our engineers on this, it was suggested that this article may lead you in the right direction. Although it’s meant for another platform, ours is similar in that this advice should translate:
https://help.dreamhost.com/hc/en-us/articles/216201557-How-to-setup-Cross-Origin-Resource-Sharing-CORS-on-DreamObjects
Jarland