선택한 글꼴 집합을 Firefox에서 작동하지만 크롬에서는 작동하지 않습니다.

Question

내 편집기의 드롭 다운 (SELECT) 글꼴 선택기로 설정하기 위해 특정 텍스트 div의 글꼴 모음을 검색하는 코드가 있습니다.

//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에서 항상 작동하지는 않습니다. 공백이없는 글꼴 이름에서만 작동합니다. whos 이름에 공백이있는 글꼴 패밀리가있을 때 (하지만 파이어 폭스에서는 잘 작동합니다).

Answer 1

디버그 문 (파이어 폭스하지 않는) ...

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

을 도와 ... 그리고 크롬은 그 이름이 공백이있는 경우 글꼴 이름 주위에 '추가 것으로 나타났다. 그래서 크롬에서 작동하도록 코드를 수정 한 방법은 다음과 같습니다.