bootstrap-4 - Bootstrap 4中的字形图标

Question

我正在使用 Bootstrap 4。我想在Datatable中使用 Glyphicon 。我包括了 font-awsome。

我的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;

}

但我得到如下输出

Answer 1

Font Awesome 缺少字体文件。如果您查看该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
|-- ...