谷歌字體不工作，lato和raleway

我想從谷歌導入字體，但它不能正常工作。在本地系統中一切都很好，但是當我們發佈代碼並在服務器上上傳時，它使用默認瀏覽器字體無效。谷歌字體不工作，lato和raleway

平臺：MVC.net 4.5 | Bootstrap 3.3.4 | HTML5 | CSS3

這裏是css。

@import url(http://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic); 
@import url(http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,800,700,900); 

body { font-family: 'Lato', sans-serif;} 
.banner h1{font-family: 'Raleway', sans-serif;}

來源

2015-05-14 Vicky

嘗試用引號@import url（''）; – vel

不工作:(（ – Vicky

）'@ import'規則在你的樣式表的最上面？嘗試導入你的字體''。 – Vucko

很可能是因爲安全（https）和非安全（http）協議之間的混合。從字體地址中刪除'http：'，您可以讓瀏覽器進行選擇。請嘗試以下代碼：

@import url(//fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic); 
@import url(//fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,800,700,900);

來源

2015-05-14 10:24:57

thx，但我已經試過這個，不工作:(（ – Vicky

）您是否嘗試過使用瀏覽器開發工具來研究問題（IE情況下的網絡標籤）？ –

正在做................. – Vicky

是因爲非英文或特殊字符？

您可以試試添加「&子集=拉丁拉丁分機」。

@import url(http://fonts.googleapis.com/css?family=Lato|Raleway&subset=latin,latin-ext); 

    p{ 
     font-family: 'Lato', sans-serif; 
    } 
    h1{ 
     font-family: 'Raleway', sans-serif; 
    }

這裏是一個codepen：http://codepen.io/Prashantsani/pen/qdZYRP
你加<meta charset="UTF-8">？

來源

2015-05-14 10:35:49 Prashant

谷歌字體不工作，lato和raleway

回答

相關問題