Fontawesome无法使用DataTable

Question

我想在表格中包含FontAwesome图标。

这些是我的脚本：

<script type="text/javascript" src="js/jQuery.js"></script>
<script type="text/javascript" src="//cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="js/jsqUtils.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/urlConfigurator.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js"></script>
<script src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
<script>
FontAwesomeConfig = { searchPseudoElements: true };
</script>

还有我的CSS：

td.details-control {
    content: "\f055";
    color: #ddd;
    font-size: 0.8em;
    padding-top: 0.12em;
}
tr.shown td.details-control {
    content: "\f0dc";
    color: #ddd;
    font-size: 0.8em;
    padding-top: 0.12em;
}

但是没有显示任何图标，并且控制台中也没有消息。 Fontawesome脚本已加载到Network btw ...

但是，如果我这样做：

td.details-control {
    background-color: red;
}

它实际上改变了背景色。但是对于content，它不起作用。