foundation5定製的軌道左/右箭頭

Question

我有這樣的代碼，從orbit slideshow custom next prev buttons links left right arrows

.orbit-container .orbit-prev span, 
.orbit-container .orbit-next span { 
    color: red; 
    border: none; 
    font-size: 70px; 
    text-indent: 0; 
    margin-top: -32px; 
} 

.orbit-container .orbit-prev { 
    background-color: transparent; 
} 
.orbit-container .orbit-prev span:before { 
    content: "\2039"; 
} 
.orbit-container .orbit-next { 
    background-color: transparent; 
} 
.orbit-container .orbit-next span:before { 
    content: "\203A"; 
} 

其拍攝的作品，但是當我試圖用我自己的箭它不工作來代替！

我有一個自定義的箭頭，並將它們導入到fontello，所以在我fontello.css文件我有：

.icon-arrow_left_navigate_previous:before { content: '\e846'; } /* '' */ 
.icon-arrow_right_navigate_next:before { content: '\e847'; } /* '' */ 

，並以此作爲一類作品，但是當我嘗試內使用

.orbit-container .orbit-prev span:before { 
     content: "\e846"; 
} 
.orbit-container .orbit-next span:before { 
     content: "\e847"; 
} 

這不行！

但<i class="icon-arrow_left_navigate_previous"></i>顯示左箭頭。

任何意見非常讚賞。

Answer 1

請確保您的代碼實際上覆蓋了原始內容，並且您的字體正在影響這些元素（檢查元素的計算樣式），否則這些引用將引用不同字體中的字符。