javascript - 使用 jQuery .css() 将元素的字体设置为 Google Fonts 字体

Question

我正在使用 jQuery 将 div 的样式设置为从 Google Fonts 加载的字体，但是 div 不会以该字体显示。

这是我在 HTML 代码中加载字体的地方:

<link href='https://fonts.googleapis.com/css?family=Slabo+27px' rel='stylesheet' type='text/css'>

在我的 JavaScript 代码中，我更改了 div 的样式，如下所示:

$("#id").css({"font-family": "Slabo 27px, serif", "font-size": "35"});

看看这个example .

如果您能帮助我解决这个问题，我将不胜感激 - 谢谢 :)。

Answer 1

此行是导致错误的原因:

$("#header2").css({"font-family": "Slabo 27px, serif", "font-size": "35"});

将其更改为:

$("#header2").css({"font-family": "'Slabo 27px', serif", "font-size": "35"});

包含两个或更多单词的字体名称应该被引用。