Wordpress WebFont不显示显示

  最近使用Wordpress时发现使用Yusi主题或者其他由Yusi主题改进的主题时,右边的搜索按钮以及分享按钮图标都显示不出来,全部是一些乱码或没有图片。
  由于本人不是网页开发,只是想鼓捣一下个人网站,我当时自己看代码还以为是资源没找到,但是看别人的一样的主题都能显示正常,找来找去发现Git主题也是Yusi修改来的,在它的在线使用文档中有问题类似。
  Git主题官方在线使用文档
  
百度分享样式错乱

  我发现我的可能是二级域名导致的问题,我是在blog.dovne.com建个人博客,而主域名却没用。但当我想按照它的修改方式修改时,它已经将share.css中的代码合并到了style.css中。走投无路只好去看百度分享的自定义按钮图片在哪个路径,才发现原来这个主题使用的是WebFont,灵光一闪发现当时使用Chrome查看元素时记得下面报一个关于Font的Error。
  FontError
  然后继续搜索这个问题,终于让我发现了问题根本所在。
  stackoverflow中关于这个问题的提问
  按照解决方法中将Header add Access-Control-Allow-Origin “*” 添加到 .htaccess文件中终于完美解决。
  再次参照解决firefox和IE9对icon font字体的跨域访问问题终于知道了原来是因为Chrome、IE9的同源策略限制了跨域访问,当我使用blog.dovne.com实际访问的是dovne.com/blog中webFont,禁止了我的跨域访问。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值