最近使用Wordpress时发现使用Yusi主题或者其他由Yusi主题改进的主题时,右边的搜索按钮以及分享按钮图标都显示不出来,全部是一些乱码或没有图片。
由于本人不是网页开发,只是想鼓捣一下个人网站,我当时自己看代码还以为是资源没找到,但是看别人的一样的主题都能显示正常,找来找去发现Git主题也是Yusi修改来的,在它的在线使用文档中有问题类似。
Git主题官方在线使用文档
我发现我的可能是二级域名导致的问题,我是在blog.dovne.com建个人博客,而主域名却没用。但当我想按照它的修改方式修改时,它已经将share.css中的代码合并到了style.css中。走投无路只好去看百度分享的自定义按钮图片在哪个路径,才发现原来这个主题使用的是WebFont,灵光一闪发现当时使用Chrome查看元素时记得下面报一个关于Font的Error。
然后继续搜索这个问题,终于让我发现了问题根本所在。
stackoverflow中关于这个问题的提问
按照解决方法中将Header add Access-Control-Allow-Origin “*” 添加到 .htaccess文件中终于完美解决。
再次参照解决firefox和IE9对icon font字体的跨域访问问题终于知道了原来是因为Chrome、IE9的同源策略限制了跨域访问,当我使用blog.dovne.com实际访问的是dovne.com/blog中webFont,禁止了我的跨域访问。