2016-08-21 34 views
1

當網站中導入的Google Web字體不是字體堆棧中的第一個時,它無法正常工作。Google Web字體導入功能在堆疊結束時不起作用

但是,當他們第一次在字體堆棧中時,它們可以工作,但我並不需要它們。

一週前,我在我的筆記本電腦上安裝了Linux作爲雙啓動,並決定了解我的網站在Linux上的外觀 - 它看起來很奇怪,因爲Linux缺少許多字體,特別是我的Palatino字體 - 而且我決定找到一個備份Google字體。但現在它不能如預期那樣工作。

的問題不在於字體不加載 - 它們加載:

有時候,我不得不在兩種語言,英語和梵文(也印地文),也是谷歌的Web字體有拉丁文和梵字網頁。 Web字體在位置3或4時,它會更改梵語文本,但不會改變英文(拉丁文)的部分文本。

但是,當首先放置Web字體時,一切正常。

@import 'https://fonts.googleapis.com/css?family=Sahitya&subset=devanagari'; 

font-family: 'Sahitya', "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif; 

OR

font-family: "Palatino Linotype", Palatino, "Book Antiqua", 'Sahitya', Georgia, serif; 

UPDATE: 字體堆棧的工作也與web字體在第2位,即像

font-family: "Palatino Linotype", 'Sahitya', Palatino, "Book Antiqua", Georgia, serif; 

- 但不是背後帕拉蒂諾字體...我懷疑可能會有某些引號?!雙人或單身? - 雖然我知道一般規則是 - 引號僅對名稱由2個字組成;但仍......?!

更新2:

同樣的問題不僅出現了進口,但任何Linux的字體 - 如果它遵循的字體堆棧旁邊1個一字一句的其他字體

font-family: Palatino, Carlito - 不工作;

雖然:

font-family: "URW Palatino l", Carlito - 工作

+0

' @ import'總是必須是第一行的CSS。 –

+0

rule-wise:根據https://drafts.c​​sswg.org/css-fonts-3/#font-family-prop,引用規則是「除泛型族之外的字體族名稱必須被引用爲字符串,或者作爲一個或多個標識符的序列不加引號。「 - 標識符是[只包含字母數字](https://www.w3.org/TR/CSS21/syndata.html#value-def-identifier)的字符串,所以它是「Palatino Linotype」和「」 Bookman Antiqua「(帶引號),但是」Sahitya「和」Georgia「(不含引號)。 –

+0

'Sahitya' - 代表Google webfont,這就是爲什麼在單引號中的例子; Palatino,格魯吉亞 - 不含引號=) –

回答

0

您是否嘗試過引進他們在你的HTML頭?像這樣:

http://fonts.googleapis.com/css?family=Lato:400,300,700' 相對= '樣式表' 類型= '文本/ CSS'>

問候, 巴勃羅

+0

這是Google提供的另一種嵌入方式;但這對我來說會帶來更多麻煩;我需要他們在Drupal節點;並且通過通用樣式表放入@import很容易 –