图标在 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

检查您的开发者控制台，寻找 scripts/css 未正确加载的内容。

Answer 2

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

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

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>

图标在 Divi Child Theme 中无法正确显示

Icons not showing properly in Divi Child Theme

css

wordpress

icons

wordpress-theming

child-theming