Question

我有这个代码来检索某个文本div的字体系列，以便将其设置为我的编辑器的下拉（SELECT）字体选择器：

    //getter for fontFamily
    function getFontFamily(inner) {
        var fontFamilyVal = $(inner).css("font-family");
        console.log('current font family is ' + fontFamilyVal)
        $("select#fontFamily option").each(function() {
            this.selected = (this.value == fontFamilyVal); 
        });
    };

然而，它并不总是在Chrome中有效。它只适用于没有空格的字体名称，当我有一个字体系列名称有空格时它会失败（但在firefox中工作正常）。

Answer 1

调试声明有帮助......

console.log('current font family is ' + fontFamilyVal)

...并透露Chrome在字体名称周围添加'如果该名称中有空格（firefox没有）。所以这就是我如何修改我的代码以便在chrome中工作：

    //getter for fontFamily
    function getFontFamily(inner) {
        var fontFamilyVal = $(inner).css("font-family");
        console.log('current font family is ' + fontFamilyVal)
        $("select#fontFamily option").each(function() {
            if( (this.value == fontFamilyVal) || (this.value == "'"+fontFamilyVal+"'") ) {
                this.selected = true;   
            }
        });
    };

设置所选的字体系列适用于Firefox，但不适用于chrome

1 个答案: