2016-02-22 61 views
-1

我試圖導入谷歌字體 這裏是代碼:@import谷歌的字體顯示不正確的

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600&subset=latin,cyrillic); 

和不同的元素我用不同的font-weight財產 300,400,600

,但它不是」 t做那 我錯過了什麼?

回答

2

它工作正常,沒有問題。

見這個例子上CodePen:http://codepen.io/mehrabi/pen/dGBrQN

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600&subset=latin,cyrillic); 

body{ 
    font-family: 'Open Sans'; 
} 
.noStyleP{ 
    font-family: arial; 
    font-weight: noraml; 
} 
.p1{ 
    font-weight: 300; 
} 
.p2{ 
    font-weight: 400; 
} 
.p3{ 
    font-weight: 600; 
} 
.p4{ 
    font-weight: normal; 
} 
-1
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600&subset=latin,cyrillic); 

應該

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600&subset=latin,cyrillic); 

有時https://開頭不與谷歌由於錯誤的SSL證書工作。 試試吧!

+0

兩個'@ import'代碼有什麼不同? – coderman

+0

300,400,600和400,300,600在你的問題中,它表示你要求不同的值。 – Panchi

+0

不好的答案,因爲如果您在瀏覽器中打開網址,您可以看到CSS文件,並且兩個文件中都沒有任何不同。請在 [https://www.diffchecker.com/jymvgdk9](https://www.diffchecker.com/jymvgdk9) – coderman

0

它不工作,因爲你有錯字,錯誤:

font-weigth,但font-weight