CSS：用文本替换字体图标答案

【问题标题】：CSS: replace font icons with textCSS：用文本替换字体图标
【发布时间】：2016-01-24 16:23:15
【问题描述】：

我有一个标题，其中按钮显示为字体图标。我想用每个按钮的简单文本替换它们。这是我现在的代码，我该怎么做？我希望我做对了

<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 文件中，例如

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

【问题讨论】：

你尝试了吗？你有什么特别的问题？
content: "foobar"; ?
@VladimirSerykh Serykh 我无法确切知道我需要更改什么以及在哪里更改才能使替换工作。我的导航栏上有 4 个按钮，每个按钮都是自动生成的，如上面的代码所示。我想用基本文本替换为每个显示的图标。我试过这个 Text 但我想我所有的按钮都会被命名为 Text，并且它们每个都需要保留它们的预期名称。
@Vucko 我会试试的，谢谢。第一次使用 StackOverflow，刚刚掌握了这个
你要使用jquery吗？

标签： php html css wordpress

【解决方案1】：

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

尝试设置

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

【讨论】：