css - Divi Child Theme 中的图标未正确显示

Question

我在一个网站上工作（使用 Divi），当我激活子主题时，图标没有正确显示。

我附上了一张图片来显示我遇到的问题：

只有当我激活子主题时才会发生这种情况，当我回到 Divi 主题时，一切都会恢复正常。

附加信息：

• 我为子主题使用了 Divi 子主题生成器。
• 我为图标使用了 CSS 和优雅的主题图标代码。

这是我用于图标的 CSS 示例：

.menu-donate:before {
    font-family: 'ETmodules';
    content: "\e089";
      color: #2a2f36;
        margin-right: 6px;
        margin-top: -2px;
    float: left;
}

如何使图标与 Divi 子主题兼容？

提前致谢

Answer 1

我想通了，在激活子主题后，CSS 发生了变化，并且从“\e089”中删除了“\”。

我重新添加了“\”，它工作正常。

Answer 2

检查您的开发者控制台是否有未正确加载的脚本/css。

Answer 3

我遇到了类似的问题，图标没有出现在我的 Divi 子主题中。我发现对我有用的解决方案是：将以下内容放入您的 .htaccess 文件中：

# ----------------------------------------------------------------------
# Webfont access
# ----------------------------------------------------------------------
# Allow access from all domains for webfonts.
# Alternatively you could only whitelist your
# subdomains like "subdomain.example.com".
<IfModule mod_headers.c>
  <FilesMatch "\.(ttf|ttc|otf|eot|woff|woff2|font.css|css|js)$">
    Header set Access-Control-Allow-Origin "*"
  </FilesMatch>
</IfModule>