CSS：用文本替換字體圖標

我有一個標題，其中按鈕顯示爲字體圖標。我想用每個按鈕的簡單文字替換它們。這是我的代碼現在，我該怎麼做呢？我希望我得到這個權利CSS：用文本替換字體圖標

<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"; 
}

來源

2015-10-25 Howlerin

您是否嘗試過的東西？你有什麼特別的問題？ –

'內容：「foobar」;'？ – Vucko

@VladimirSerykh Serykh我無法弄清楚我需要改變什麼，以及在哪裏，以便更換工作。我的導航欄上有4個按鈕，每個按鈕都是自動生成的，如上面的代碼所示。我想用基本文本替換爲每個圖標顯示的圖標。我試過這個Text，但是我想我的所有按鈕都會被命名爲Text，並且它們都需要保留它們的名字。 – Howlerin

您需要添加到特定元素font-family。這是因爲默認情況下，需要呈現爲字體圖標的元素有font-family，其中包含圖標，但沒有字母或數字。

嘗試設置

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

來源

2015-10-25 15:16:23

謝謝你，工作！ – Howlerin

您是否可以將此標記爲接受的答案以幫助其他具有類似問題的人？ –

CSS：用文本替換字體圖標

回答

相關問題