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);

Answer 2

是因为非英语或特殊字符吗？

你能尝试添加＆＃34;＆amp; subset = latin，latin-ext＆＃34;。

    @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">吗？

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

2 个答案: