更改字體使用CSS的令人敬畏的圖標不起作用

我們想要修改整個網絡的WordPress主題中的Awesome Font圖標。主題是使用框架（bebel）構建的，我們不知道如何修改HTML以更改代碼中的類，因爲此外它還使用VisualComposer作爲自定義框。更改字體使用CSS的令人敬畏的圖標不起作用

然後我們要改變由CSS的圖標，我會選擇添加我的主題額外的CSS和我把下面的規則：

CSS輸入：

.fa-location-arrow::before { 
    font-family: FontAwesome; 
    content: "\f041" !important; 
}

這些更改不適用，在Chrome中脈衝F12並檢查圖標。 CSS規則看起來像這樣。

CSS輸出：

.fa-location-arrow::before { 
    Font-family: FontAwesome; 
    Content: \"\\f041\" !important; 
}

CSS輸出圖像：

F12 Chrome CSS error syntax Image

是否有可能保存CSS時，話題是在PHP中一些特殊的方式處理？誰知道爲什麼會發生這種情況

謝謝！

來源

2017-02-23 Mike

你能告訴你如何輸出**你的修改代碼嗎？ – Passerby

您是否嘗試過重新排列樣式表的順序？您可能希望自己的樣式表由DOM最後加載。 – Hewlett

這很奇怪，它似乎在JSFiddle中工作正常 - https://jsfiddle.net/qnsvusdk/ – Shtut

我剛解決了它。我從包含主題的「全局CSS」選項中刪除了CSS，並將相同的代碼粘貼到WordPress子主題的「style.css」文件中。儘管我仍然不明白爲什麼它以前沒有工作，但現在它完美地工作。我懷疑它會通過PHP寫入到CSS的某種方式。

謝謝大家！

來源

2017-02-23 10:37:28 Mike

似乎fontawesome丟失，所以下載它，並把它放在你的主題css文件夾，並在您的functions.php

function enqueue_fontawesome(){ 
    wp_enqueue_style('font-awesome', $template_dir . '/css/font-awesome.min.css', array()); 
} 
add_action('wp_enqueue_scripts','enqueue_fontawesome');

變化，根據你的主題文件夾結構的CSS文件路徑鏈接它。希望這會對你有用。

來源

2017-02-23 10:08:39 Tristup

錯誤是另一個，但可以是另一個人的有用答案，謝謝。 – Mike

嗨，Mike很好，它解決了... – Tristup

更改字體使用CSS的令人敬畏的圖標不起作用

回答

相關問題