语义UI复选框图标将无法加载

Question

我将语义UI 2.4.0用作项目的前端框架。 CSS文件已正确加载到页面上。

html

        <div class="inline field">
            <label>Status</label>
            <div class="ui checked checkbox">
                <input type="hidden" value="0" name="isActive">
                <input type="checkbox" checked="" name="isActive" value="1">
                <label>Active</label>
            </div>
            <div class="ui checked checkbox">
                <input type="hidden" value="0" name="isDiscontinued">
                <input type="checkbox" name="isDiscontinued" value='1'>
                <label>Discontinued</label>
            </div>
            <?php echo form_error('status'); ?>
        </div>

其他一切都很好。不知何故，复选框的选中图标将无法加载，如下所示：

开发工具中显示的样式如下：

.ui.checkbox .box:after, .ui.checkbox label:after {
    content: '\e801';
}

我试图将内容更改为'\ f00c'，这是用于检查最新字体的Unicode代码，非常好用，也不会加载。请帮忙，谢谢！

Answer 1

尝试一下：

.ui.checkbox .box:after, .ui.checkbox label:after {
    font-family: FontAwesome;
    content: '\e801';
}