I have CORS error when using getJSON()

I have CORS error when using getJSON()
0.0 0

#1

I have been researching ways to deal with this, but none of the article I found work
Access to Font at ‘https://static.codepen.io/assets/telefon/bold/af889c53-1ee3-4868-8fdc-2b310d587b50-3-b7a87e0fbd213943fae0c0ef5985635dd43fa9c24876b2725127a13ccaf4ab6a.woff’ from origin ‘https://codepen.io’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘https://codepen.io’ is therefore not allowed access.
2/boomerang/iFrameKey-0c2349b5-eb27-c168-8db8-60f3448b1f08/api.openweathermap.org/data/2.5/weather?q=Montreal,ca&units=imperial&appid=0e6024b5a3e856bcfcca5712554daef3&callback=?%20trick:1 OPTIONS https://codepen.io/boomerang/iFrameKey-0c2349b5-eb27-c168-8db8-60f3448b1f08/api.openweathermap.org/data/2.5/weather?q=Montreal,ca&units=imperial&appid=0e6024b5a3e856bcfcca5712554daef3&callback=?%20trick 404 (Not Found)
index.html:1 Failed to load https://codepen.io/boomerang/iFrameKey-0c2349b5-eb27-c168-8db8-60f3448b1f08/api.openweathermap.org/data/2.5/weather?q=Montreal,ca&units=imperial&appid=0e6024b5a3e856bcfcca5712554daef3&callback=?%20trick: Response to preflight request doesn’t pass access control check: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘https://s.codepen.io’ is therefore not allowed access. The response had HTTP status code 404.
console_runner-ce3034e6bde3912cc25f83cccb7caa2b0f976196f2f2d52303a462c826d54a73.js:1 error fetching data
2/boomerang/iFrameKey-0c2349b5-eb27-c168-8db8-60f3448b1f08/api.openweathermap.org/data/2.5/weather?q=Montreal,ca&units=imperial&appid=0e6024b5a3e856bcfcca5712554daef3&callback=?%20trick:1 OPTIONS https://codepen.io/boomerang/iFrameKey-0c2349b5-eb27-c168-8db8-60f3448b1f08/api.openweathermap.org/data/2.5/weather?q=Montreal,ca&units=imperial&appid=0e6024b5a3e856bcfcca5712554daef3&callback=?%20trick 404 (Not Found)
index.html:1 Failed to load https://codepen.io/boomerang/iFrameKey-0c2349b5-eb27-c168-8db8-60f3448b1f08/api.openweathermap.org/data/2.5/weather?q=Montreal,ca&units=imperial&appid=0e6024b5a3e856bcfcca5712554daef3&callback=?%20trick: Response to preflight request doesn’t pass access control check: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘https://s.codepen.io’ is therefore not allowed access. The response had HTTP status code 404.