解决wordpress插件hermit在配置https下图标字体不能正常显示Access to Font浏览器跨域的方案


今天来搜咯分享一篇解决wordpress插件hermit在配置https下图标字体不能正常显示Access to Font浏览器跨域的方案。

如图

这一张是https下的hermit插件的显示效果,可以看出明显图标字体无法正常显示。因为本人用了ucloud的云存储和分发,导致出现字体文件浏览器跨域的问题,一开始想着通过一些nginx的调整来解决,试了几次不行,而本人最讨厌动配置环境。

于是乎脑袋瓜里灵光乍现,既然你跨域,那我可以选择直接调用,于是找到插件内涉及到文件方面的路径。开始把相对路径变成绝对路径,直接用自己原始域名进行引用,搞定!

在\hermit\assets\css\3.1.6\hermit.css的第一行把下列的../../换成你的https域名问题就解决了!

@font-face {
	font-family:hermiticon;src:url(../../fonts/hermiticon.eot?cez6o0);src:url(../../fonts/hermiticon.eot?#iefixcez6o0) format('embedded-opentype'),url(../../fonts/hermiticon.ttf?cez6o0) format('truetype'),url(../../fonts/hermiticon.woff?cez6o0) format('woff'),url(../../fonts/hermiticon.svg?cez6o0#hermiticon) format('svg');font-weight:400;font-style:normal
}

搞定之后的图上一张给大家看一下


【如果觉得有用,请点击下方链接,可以免费打赏我两分钱哦,老铁】

【点一下可免费打赏我2分钱哦】

最新回复 (0)
    • 来搜咯laisolo.cn
      2
        登陆 注册 登陆
返回
【商务合作请加QQ2718003198