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

【问题标题】：Setting the font of an element, with jQuery .css() to a Google Fonts font使用 jQuery .css() 将元素的字体设置为 Google Fonts 字体
【发布时间】：2016-05-03 18:35:42
【问题描述】：

我正在使用 jQuery 将 div 的样式设置为从 Google 字体加载的字体，但 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。

我将不胜感激有关如何解决此问题的帮助 - 谢谢 :)。

【问题讨论】：

标签： javascript jquery html css fonts

【解决方案1】：

这行是导致您的错误的原因：

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

改成：

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

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

【讨论】：

非常感谢@che-azeh！现在这是有道理的。我会在 7 分钟内接受你的回答 :)。

【解决方案2】：

CSS 属性“font-family”需要用单引号括起来，因为它包含一个空格。

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

【讨论】：

他的代码缺少单引号。那是他的错误。你的意思是说我的回答需要更多解释吗？