gpt4 book ai didi

javascript - 字体系列在 Chrome 中无法正确读取

转载 作者:行者123 更新时间:2023-11-30 12:39:54 26 4
gpt4 key购买 nike

我这里有一个 jsfiddle - http://jsfiddle.net/qYR6U/8/ - 我用 jQuery 设置 font-family 并用 jQuery 读回它。如果我设置的 font-family 是“Arial ...”它返回正常,在一组双引号中。但是如果我设置的font-family是“Comic...”它返回在一组单引号内的一组双引号中。

这只发生在 Chrome 上。有谁知道这是怎么回事吗?

$('#box').css('font-family', 'Arial,Helvetica,sans-serif');
var fontFamily1 = $('#box').css('font-family');
console.log(fontFamily1);

$('#box').css('font-family', 'Comic Sans MS');
var fontFamily2 = $('#box').css('font-family');
console.log(fontFamily2);
debugger;

谢谢。

最佳答案

这是因为当字体名称包含空格时,浏览器会将任何需要引号的字符串解释为需要引号,因此会添加引号(这适合浏览器执行)。为什么只有 Chrome 在回读它的属性时似乎会执行此(正常)引用,你明白我的意思。

尝试 Times New Roman ,你会得到相同的引用字符串。

来自 W3 :

To avoid mistakes in escaping, it is recommended to quote font family names that contain white space, digits, or punctuation characters other than hyphens:

body { font-family: "New Century Schoolbook", serif }

<BODY STYLE="font-family: '21st Century', fantasy">

关于javascript - 字体系列在 Chrome 中无法正确读取,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24841397/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com