图标在Divi儿童主题中无法正常显示

Posted 2021-04-09

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

我附上了一张照片来说明我遇到的问题：

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

附加信息：

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

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

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

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

提前致谢

答案

凭借Divi的力量构建Divi Builder将您喜爱的所有Divi主题包装在其自己的插件中，可以与任何主题一起使用。如需进一步了解，请点击下方

另一答案

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

另一答案

我想通了，在激活子主题后，CSS被更改，“”从“ e089”中删除。

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

另一答案

我有一个类似的问题，图标没有出现在我的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>