字体真棒：检索伪元素的css显示一个小矩形答案

【问题标题】：font awesome: retrieve css of pseudo element displays a small rectangle字体真棒：检索伪元素的css显示一个小矩形
【发布时间】：2016-01-21 07:37:41
【问题描述】：

我正在尝试检索 font awesome 伪元素的 CSS 值。这是css：

.pe-icon--check:before {
    content: '\f00c';
}

我使用这个查询

var symb = window.getComputedStyle($('.pe-icon--check').get(0), ':before').getPropertyValue('content');

但我得到的结果是一个小矩形。我需要的值是\f00c。有人可以帮我解决这个问题吗？

【问题讨论】：

console.log(symb) 的结果是什么； ?
您是否正确包含字体并遵循正确的文件夹设置？你是在本地使用吗？它必须是准确的，否则它会失败，就像你看到的那样
@ymz - console.log(symb) 的结果是：
@DarrenSweeney - 图标在页面上正确加载并且没有错误，它能够识别图标。检索css“内容”是我面临的问题。我想要 \f00c 而不是小矩形。

标签： javascript jquery font-awesome

【解决方案1】：

以下解决方案有效！

var content = window.getComputedStyle(document.querySelector('.pe-icon--check'),':before').getPropertyValue('content');

function entityForSymbolInContainer(character) {
    var code = character.replace(/"/g, '').charCodeAt(0);
    var codeHex = code.toString(16).toUpperCase();
    while (codeHex.length < 4) {
        codeHex = "0" + codeHex;
    }
    return "\\" + codeHex + ";";
}

【讨论】：