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》添加代码

最后

添加完代码,保存,刷新页面。DIVI主题搭建的网站,中文字体完美显示,图标也正常了。

本文作者:自由超
本文标题:《DIVI主题01-如何解决DIVI主题网站中文字体、图标乱码问题?》
本文链接:https://zyc420.com/474.html
发布日期:2020年11月20日 14:25:56
更新日期:2024年03月06日 20:52:33
版权声明:除特殊注明,均为作者原创内容,遵守CC-BY-NC 4.0版权协议,转发请保留原文链接!
免责声明:文中如涉及第三方资源,均来自互联网,仅供学习研究,禁止商业使用,如有侵权,联系我们24小时内删除!
分享给更多人