今日,在协助处理一网站前端展示问题的时候,发现网页不正常,如下图:

F12下错误提示:
Access to font at 'https://www.demo.com/wp-content/themes/目录/fonts/iconfont.woff2?t=1706879886132' from origin 'https://demo.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
iconfont.woff2?t=1706879886132:1 Failed to load resource: net::ERR_FAILED
核心问题:域名不一致,跨域导致CORS组织字体文件加载
这个问题在不同的浏览器下有的可能不拦截,有的可能强制校验。下面的解决思路是在服务器端修复这个问题,避免影响用户体验。
