Woothemes flexslider箭头不显示

Question

我正在使用flexslider，但我的导航箭头方面存在问题。即使我已经将字体源放到正确的文件夹中，它也没有显示正确的方式。

我在wordpress主题中使用了flex滑块，这是箭头的截图。

以下是css文件jsfiddle.net/fdeZd/

非常感谢任何形式的帮助。非常感谢。

Answer 1

我有同样的问题。无论我在哪里放置字体文件，箭头都会显示在屏幕截图中。 我甚至尝试过绝对链接ála“src：url（'d：/myProject/fonts/flexslider-icon.eot'）;”它仍然无法正常工作。我认为它有事可做

使用字体本身。

但好消息：我使用了以下解决方法：

我正在使用字体Arial和两个符号“＆lt;”和“＆gt;”。

您必须按以下方式调整文件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 2

我通过简单地将flex滑块的字体文件夹放在我的css文件夹中来解决问题，我可以找到我的flex slider.css。这解决了我的问题。

Answer 3

您应该检查现有文件：

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

• flexslider-icon.woff

  包含目录（在 flexslider.css 行：15）