最近一段时间,王桂明打开博客以后,开始没什么异常,但过一段时间,博客有一些字体就不显示出来,如图:

loper主题修复Century Gothic字体不显示问题

loper主题修复Century Gothic字体不显示问题

经过很长一段时间的检查,发现不显示的都是Century Gothic字体,于是来解决这个问题。

参考《wordpress自定义字体:让用户能显示》,来解决这个问题,看下面步骤:

1、首先从网上下载Century Gothic字体

loper主题修复Century Gothic字体不显示问题

Century Gothic字体

2、在主题文件夹下建立一个fonts文件夹,上传刚才下载的CenturyGothic.TTF到此文件夹里

3、在样式文件style.css里添加下面一段代码:

/*自定义Century Gothic字体让用户在浏览器里显示*/
@font-face{
font-family:Century Gothic;
src:url(fonts/CenturyGothic.TTF);
}

如图:

loper主题修复Century Gothic字体不显示问题

loper主题修复Century Gothic字体不显示问题

注意这段代码也放在加载Century Gothic字体之前。

4、保存样式文件上传后,在刷新一下看看效果:

loper主题修复Century Gothic字体不显示问题

loper主题修复Century Gothic字体不显示问题

成功修复!

» 订阅本站: http://www.0523jz.com/feed