Настройка выбранного семейства шрифтов работает в Firefox, но не в Chrome

Question

Настройка выбранного семейства шрифтов работает в Firefox, но не в Chrome

0

У меня есть этот код для извлечения семейства шрифтов определенного текстового 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).

Matt Welander 05 окт. 2013, в 23:44

Источник

Теги:

jquery

css

google-chrome

1 ответ

Ещё вопросы

Matt Welander · Accepted Answer · 2013-10-05T19-53-00.000Z

Отладочное выражение помогло...

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

... и показал, что Chrome добавляет "вокруг имени шрифта, если у этого имени есть пробелы в нем (firefox - нет). Итак, вот как я поменял свой код на работу и в хром:

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