很棒的字體在Firefox中不只顯示一個圖標，但是在chrome中可以正常工作

Question

我有這樣的網頁 ，它與Chrome的工作進展順利，但與Firefox，右箭頭沒有顯示，我使用的字體真棒，並在這個崗位試過這個答案字體真棒在Firefox中不工作 ，但沒有成功。

我正在使用CDN稱呼字體很棒，所以字體在它們的服務器中，奇怪的是，這僅僅是在firefox中出現的問題。

我正在使用Ubuntu Linux 16.04和firefox 52.0.1（64位）

請有人能告訴我如何處理Firefox和這個奇怪的問題嗎？

更新：Linux和Windows中的firefox會發生此問題

Answer 1

好的，似乎firefox的CSS與其他Web瀏覽器完全不同，我必須這樣做：

可以取消：

.next-prev-cities-titles {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none
}

為了這：

.next-prev-cities-titles {
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none
}

Firefox沒有采用100％的寬度