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

有兩個或多個字字體的名稱應該被引用。

Answer 2

CSS屬性「font-family」需要用單引號括起來，因爲它包含一個空格。

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