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

Setting the font of an element, with jQuery .css() to a Google Fonts font

本文关键字：字体 设置 Google Fonts 元素 css jQuery 使用      更新时间：2023-09-26

我正在使用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"});

看看这个例子。

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

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

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

将其更改为：

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

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

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

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