字体真棒没有在firefox中只显示一个图标，但在chrome中工作得很好

Question

我有这个webpage，它可以顺利运行chrome，但是使用firefox，右箭头没有显示，我使用的是字体太棒了，并且在这篇帖子Font awesome not working in Firefox中尝试了这个答案成功。

我使用CDN来调用字体很棒，所以字体都在他们的服务器上，奇怪的是那只是firefox中的问题。

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

有人可以告诉我如何处理firefox和这个奇怪的问题吗？

更新：Linux和Windows中的firefox会出现问题

Answer 1

好吧，似乎firefox的CSS与其他网络浏览器有很大不同，我不得不这样做：

Cange this：

.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％宽度