解决Font Awesome图标跨域引用字体导致图标不能显示的方法
网页使用 Font Awesome 字体图标时图标不能正常显示,浏览器控制台出现“@font-face 跨源请求失败。资源访问受限”的错误提示,出现该错误的原因是浏览器的同源策略机制导致。 解决方法是使用跨域资源共享(CORS)机制,跨域资源共享标准新增了一组 HTTP 首部字段,允许服务器声明哪些源站有权限访问哪些资源。 例如 apache 服务器可以通过 .htaccess 文件添加: <FilesMatch ".(eot|ttf|svg|woff)"> Header set Access-Control-Allow-Origin "*" ...