Woothemes flexslider箭頭不顯示

Question

我正在使用flexslider，但我只是在其導航箭頭方面存在問題。即使我已經將字體源放在正確的文件夾中，它也不會顯示正確的方式。

我在我的wordpress主題中使用了flex滑塊，這裏是箭頭的截圖。

這裏是css文件jsfiddle.net/fdeZd/

任何形式的幫助是非常讚賞。非常感謝。

Answer 1

我解決了這個問題，只需將flex滑塊的字體文件夾放在我的css文件夾中可以找到我的flex slider.css。這解決了我的問題。

Answer 2

我有同樣的問題。無論我放置字體文件的位置如何，箭頭都顯示在屏幕截圖中。 我甚至嘗試過絕對的鏈接，ála「src：url（'d：/myProject/fonts/flexslider-icon.eot'）;」它仍然沒有工作。我認爲它有一定的作用

與字體本身。

但好消息是：我用以下解決方法：

我使用Arial字體和兩個符號「<」和「>」。

你必須調整文件flexslider.css方式如下：

這條線：

.flex-direction-nav a:before { 
    font-family:"flexslider-icon"; 
    font-size: 40px; 
    line-height:1; 
    display: inline-block; 
    content:'\f001'; 
} 

必須由下列之一代替：

.flex-direction-nav a:before { 
    font-family:"Arial"; 
    font-size: 40px; 
    line-height:1; 
    display: inline-block; 
    content:'<'; 
} 

而此行：

.flex-direction-nav a.flex-next:before { 
    content:'\f002'; 
} 

必須被替換爲下列之一：

.flex-direction-nav a.flex-next:before { 
    content:'>'; 
} 

希望這有助於。 歡呼聲， 邁克爾

Answer 3

您應該檢查現有文件：

• flexslider-icon.eot
• flexslider-icon.svg
• flexslider-icon.ttf

• flexslider-icon.woff

  在包含目錄中（flexslider.css line：15）