jQuery css()中字体系列名称中的数字不起作用

时间:2014-08-21 21:41:07

标签: javascript jquery

我有这行代码:

jQuery('body').css({'font-family': 'Exo 2', 'font-weight': 400}); 

,生成的HTML为:

<body style="font-weight: 400;">

当我跑步时

jQuery('body').css({'font-family': 'Exo', 'font-weight': 400});

生成的HTML是:

<body style="font-family: Exo; font-weight: 400;">

有没有人知道为什么“Exo 2”在jQuery中不起作用?

2 个答案:

答案 0 :(得分:4)

带空格的字体名称需要在它们周围加上引号。

您需要使用:

jQuery('body').css({'font-family': '"Exo 2"', 'font-weight': 400});  

答案 1 :(得分:1)

问题在于您将结果编码为CSS,如:

font-family: Exo 2;

正确的表示法是:

font-family: "Exo 2";

换句话说,试试:

jQuery('body').css({'font-family': '"Exo 2"'});