!!注意
起因
这几天开放了海外地区访问网站(为了审核AdSense),静态文件不可能让它回源,这小水管打一下就死,于是加了企鹅的CDN,但又想起CDN被打欠费,所以海外访问改成了免费CDN(速度还行)
但是加了企鹅CDN后发现,Handsome默认的图标全都加载不出来了
F12一看发现
[scode type=”share”]Access to fetch at ‘https://os.cdn.iktao.cn/handsome/731/assets/fonts/fontello/fontello.woff?7176355' from origin ‘https://iktao.cn' has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. If an opaque response serves your needs, set the request’s mode to ‘no-cors’ to fetch the resource with CORS disabled.[/scode]
看不懂看不懂,百度翻译!
[scode type=”blue”]在’https://os.cdn.iktao.cn/shanghay/731/assets/fontello/fontello.woff?7176355“原产地”https://iktao.cn'已被CORS策略阻止:请求的资源上不存在'Access Control Allow Origin’标头。如果不透明响应满足您的需要,请将请求的模式设置为“no cors”,以获取禁用cors的资源。[/scode]
应该是跨域问题,cdn那边把Access Control Allow Origin请求头改成了*
但还是不行…没办法,只好把它改掉了
修改
先去iconfont引用图标,具体主题文档有说
在主题的index.php
,30、73(有两个)行
在主题的component/aside.php
,143、144行
主题的component/footer.php
,24、96行
如有还没找到,可以F12,Ctrl+Shift+C(Chrome)找
备份
这里是我自己的备份,可以自己引用
CSS地址://at.alicdn.com/t/font_2334492_xe64eakzx69.css
index.php
30行fontello fontello-volume-up 》iconfont icongonggao
73行fontello fontello-chevron-left 》iconfont iconicon-arrow-left4
fontello fontello-chevron-right 》iconfont iconicon-arrow-right4
aside.php
143行fontello icon-fw fontello-angle-right text 》iconfont iconshouqi1
144行fontello icon-fw fontello-angle-down text-active 》删掉(引号留着)
172、173和197、198同上
footer.php
24行的fontello xxxxx 》iconfont iconshouqi1
103行的fontello xxxxxx 》iconfont icondingbu