我正在使用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;
}
但是它只是呈现为正方形,表示该图标无法使用:
我需要做什么才能使这项工作成功?
我修改了CSS,以将Bootstrap在以下CSS中使用的“ Glyphicons Halflings”。这没问题:
.breadcrumb-item::before{
font-family: 'Glyphicons Halflings';
content: "\e092" !important;
}
因此,我认为定位面包屑没有任何问题,但仍不确定问题出在哪里。
没有404错误或资源未加载或控制台错误等。