Почему javascript/jquery возвращают имя семейства шрифтов в кавычках?

Question

Я делаю очень простой выбор jQuery, используя свойство CSS. Как ни странно, возвращаемое значение заключено в два набора двойных кавычек?

var font = $(this).css('font-family');

Результат возвращается как:

font:""Jockey One""

Answer 1

Имена шрифтов, содержащие пробел, заключаются в кавычки, а ваша переменная шрифта является строкой. отсюда и двойной набор цитат. если вы хотите игнорировать кавычки в цитируемых именах шрифтов, просто сделайте это:

var font = $(this).css('font-family');
font = font.replace(/["']/g, "");
console.log(font);

Answer 2

Фамильные имена шрифтов, содержащие пробелы, должны быть в кавычках.

https://developer.mozilla.org/en/docs/Web/CSS/font-family

Также возвращение JavaScript font-family имя в цитате.

console.log($(".noSpace").css("font-family"));
console.log($(".withSpace").css("font-family"));

.noSpace {
    font-family: "JockeyOne";
}

.withSpace {
    font-family: "Jockey One";
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="noSpace"></div>
<div class="withSpace"></div>