Bootstrap 4 引导4中的图标

我使用的是bootstrap4。我想在中使用Glyphicon。我包括在内

我的CSS代码如下所示

table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::after {
content: "\e252" !important;
font-family: "Font Awesome 5 Free";
display: inline-block;
padding-right: 3px;
vertical-align: middle;
font-weight: 900;

}

但我得到的输出如下

table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::after {
content: "\e252" !important;
font-family: "Font Awesome 5 Free";
display: inline-block;
padding-right: 3px;
vertical-align: middle;
font-weight: 900;

---

字体缺少字体文件。如果查看

font awesome.css

文件，您将看到它的父目录中需要一个字体文件夹

@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0'); ...

预期的文件夹结构-

|- css
|-- bootstrap-4.css
|-- font-awesome.css
|- fonts
|-- font-awesome.eot
|-- font-awesome.ttf
|-- ...