WordPress Divi主题瀑布流板块字体异常问题如何解决？

1. 核对主题字体设置 #

• 进入Divi主题选项（Divi > Theme Options）的Typography（排版）模块，确认瀑布流板块指定的字体已正常启用，无错误勾选或未加载的字体选项。
• 若使用自定义字体，检查字体文件（woff/woff2等格式）是否通过Divi字体管理器正确添加，或确认主题目录下的字体文件路径无误。

2. 修复CSS样式冲突 #

• 按下F12打开浏览器开发者工具，选中瀑布流的文字元素，在Elements面板查看CSS样式，排查是否有第三方插件或自定义CSS覆盖了Divi默认字体规则。
• 在Divi的Theme Options > Custom CSS或子主题的style.css中，添加针对性代码强制指定字体，示例：

/* 替换为你的瀑布流板块实际类名，如.et_pb_blog_grid */
.et_pb_blog_grid .post-title, .et_pb_blog_grid .post-content {
    font-family: "你的目标字体", sans-serif !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
}

3. 清除各类缓存 #

• 清空WordPress缓存插件（如WP Rocket、W3 Total Cache）的缓存，同时按下Ctrl+Shift+R强制刷新浏览器缓存。
• 若使用CDN服务，同步刷新CDN缓存，确保最新的字体和CSS资源生效。

4. 排查插件冲突 #

• 暂时禁用所有第三方插件，逐一重新启用并检查瀑布流字体状态，定位到冲突插件后，尝试更新插件版本或更换替代工具。

5. 修复或更新Divi主题 #

• 若怀疑主题文件损坏，可重新下载最新版Divi主题覆盖安装（提前备份自定义设置）。
• 确保Divi主题和WordPress核心均更新至最新版本，旧版本可能存在已知的字体渲染bug。

6. 处理字体跨域问题 #

• 若字体从外部域名加载，检查服务器是否配置CORS规则，允许当前域名访问字体文件。可在服务器的.htaccess文件中添加以下代码：

<FilesMatch ".(eot|otf|ttf|woff|woff2)">
    Header set Access-Control-Allow-Origin "*"
</FilesMatch>

内容的提问来源于stack exchange，提问作者Melika Davoodi