无法在我的CSS中使用FontAwesome作为Bootstrap面包屑分隔符

时间:2018-07-02 09:48:10

标签: html css twitter-bootstrap

我正在使用Bootstrap 3.3.7和FontAwesome 5.0.8。两者都可以通过CDN进行投放:

我想更改其面包屑上的Bootstrap分隔符,因此请执行此操作。我要使用的图标是向右箭头(https://fontawesome.com/icons/arrow-right?style=solid):

.breadcrumb-item::before{
    font-family: 'FontAwesome';
    content: "\f061" !important;
}

但是它只是呈现为正方形,表示该图标无法使用:

enter image description here

我需要做什么才能使这项工作成功?

我修改了CSS,以将Bootstrap在以下CSS中使用的“ Glyphicons Halflings”。这没问题:

.breadcrumb-item::before{
    font-family: 'Glyphicons Halflings';
    content: "\e092" !important;
}

因此,我认为定位面包屑没有任何问题,但仍不确定问题出在哪里。

没有404错误或资源未加载或控制台错误等。

0 个答案:

没有答案