CSS：用文本替换字体图标

Question

我有一个标题，按钮显示为字体图标。我想用每个按钮的简单文本替换它们。这是我现在的代码，我将如何做到这一点？我希望我能做到这一点

<li class="wp_dashboard_tab_content_header_%1$s">
    <a href="#tab_wp_dashboard_tab_content_header_%1$s"
      id="wp_dashboard_tab_content_header_%1$s" 
      class="wp_dashboard_icon_header_%1$s wp_dashboard_icon">
        <span></span>
    </a>
</li>

在我的CSS文件中，我有，例如<​​/ p>

.wp_dashboard_icon_header_home:before {
  content: "\e653";
}

Answer 1

您需要添加到特定元素font-family。这是因为默认情况下，需要呈现为font-icon的元素包含font-family，其中包含图标但没有字母或数字。

尝试设置

.wp_dashboard_icon_header_home:before {
   font-family:Arial;
   content: "Some text";
}