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

Question

我正在使用Divi在网站上工作，并且在激活子主题时图标无法正确显示。

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

这仅在我激活子主题时发生，当我回到Divi主题时，一切恢复正常。

其他信息：

• 我将Divi子主题生成器用于子主题。
• 我在图标上使用了CSS和Elegant Themes图标代码。

以下是我用于图标的CSS的示例：

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

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

预先感谢

Answer 1

内置Divi的力量 Divi Builder收集了您对我们Divi主题的所有喜爱的内容，并将其打包到可以与任何主题一起使用的自己的插件中。 有关更多详细信息，请单击下面

Answer 2

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

Answer 3

我发现，激活了子主题后，更改了CSS，并从“ \ e089”中删除了“ \”。

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

Answer 4

我在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>