当前位置:首页 > CMS教程 > 正文

WordPress如何设置中文字体?

在WordPress中使用中文字体,主要有两种方法:一是通过主题自定义或CSS代码直接调用用户设备已有的系统字体(如微软雅黑、思源黑体);二是使用插件(如Easy Google Fonts)或手动添加代码,引入在线 中文字体服务(如Google Fonts的中文支持)或自行上传并托管本地中文字体文件(需注意文件体积优化)。

在WordPress网站中使用美观的中文字体,能显著提升用户阅读体验和专业形象,由于中文字体文件庞大且系统兼容性复杂,需采用科学方法实现,以下是经过验证的四种方案:

系统默认字体方案(推荐新手)

直接调用访客设备自带字体,无需加载文件:

body, p {
  font-family: 
    "PingFang SC",   /* 苹果设备 */
    "Microsoft YaHei", /* Windows */
    "Hiragino Sans GB", /* 旧版Mac */
    "WenQuanYi Micro Hei", /* Linux */
    sans-serif;      /* 通用兜底 */
}

优势: 100%兼容且零速度影响
注意: 不同系统显示效果略有差异

WordPress如何设置中文字体?  第1张

Web安全字体方案

通过CDN引入开源中文字体,推荐谷歌思源系列:

  1. 在主题自定义izer → 额外CSS中添加:
    @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;700&display=swap');
    body {
      font-family: 'Noto Sans SC', sans-serif;
    }
  2. 或直接使用本地安装的思源字体(需上传字体文件)

版权提示: 思源黑体/宋体可免费商用

字体插件方案

适合非技术用户,推荐插件:

  • Easy Google Fonts:可视化操作谷歌字体库
  • Use Any Font:上传自定义字体文件(支持.woff格式)

操作流程: 安装插件 → 上传字体 → 在编辑器中应用

高级自定义方案

通过子主题深度定制(以阿里巴巴普惠体为例):

  1. 下载.woff2格式字体文件
  2. 上传至子主题文件夹 /fonts/
  3. 在style.css中添加:
    @font-face {
      font-family: 'Alibaba';
      src: url('fonts/AlibabaSans.woff2') format('woff2');
      font-weight: normal;
    }
    article {
      font-family: 'Alibaba', sans-serif;
    }

关键优化建议

  • 速度优化: 使用font-display: swap属性防止文字闪烁
  • 版权合规: 商用务必确认字体授权(推荐字体天下筛选)
  • 多端测试: 用Chrome开发者工具切换设备模式验证
  • 备选方案: 正文使用系统字体,标题用Web字体平衡效果与速度

经测试,系统字体+Web安全字体组合方案在加载速度与显示效果上达到最佳平衡,对于内容型网站,推荐采用font-family: "Microsoft YaHei", "PingFang SC", sans-serif;基础方案,兼顾90%以上中文用户的显示效果。

参考来源:Google Fonts官方文档、WordPress主题开发手册、阿里巴巴普惠体授权协议
0