设置选择的字体家族在Firefox中，但不在铬

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; 
      } 
     }); 
    };