DIVI主题01-如何解决DIVI主题网站中文字体、图标乱码问题?

DIVI主题是国外非常非常优秀的一款主题。可以实现可视化编辑,自带将近200套网站模板,可以建设企业网站、商城、博客等各种类型的网站。我们主要也是使用这个主题进行wordpress开发建站。但是我们在使用DIVI主题搭建中文网站过程中,会出现很多图标乱码,字体不统一,样式丑等情况。这时候我们怎么处理那,这篇文章将分享如何设置网站的默认字体为我们常用的微软雅黑字体。这种方法也同样适用于其他主题。

一、乱码问题主要现象:2个方面

  1. 中文样式不统一,有大有小
  2. 网站的一些图标显示乱码,如搜索、购物车等
site luanma
图标乱码
image 17
中文文字丑不协调

二、原因:主要是DIVI主题默认的字体样式为英式的,中文显示即会出现乱码

DIVI主题默认的字体是英式的“cwTeXFangSong”,在中文情况就会显示乱码、不协调。

image 19

三、解决方案:我们只需要添加一段代码到主题自定义CSS中即可改变网站默认的字体

DIVI主题添加自定义CSS有2个地方:添加后的结果是一样的,只需要在一处添加即可。

  1. 在DIVI主题选项,自定义CSS中添加代码
  2. 在DIVI主题自定义,额外CSS中添加代码

body, h1, h2, h3, h4, h5, h6, input, textarea, select {
font-family: Arial, “Microsoft YaHei”, 黑体, 宋体, sans-serif;
}

image 15
DIVI主题选项》自定义CSS》粘贴代码
image 16
主题自定义》最下面额外CSS》添加代码

最后:添加完代码,保存,刷新页面。中文字体完美显示,图标也正常了。

版权声明:除特殊注明外,本文均为原创文章,首发于自由超,自由超版权所有!    
转载说明:转载请注明原文链接https://zyc420.com/474.html

留下评论

您的电子邮箱地址不会被公开。