谷歌字体不起作用,lato和raleway

Question

我试图从谷歌导入字体但它无法正常工作.在本地系统中一切都很好但是当我们发布代码并在服务器上传时,它使用默认的浏览器字体无法正常工作.

平台: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;}

Answer 1

很可能是因为安全(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);