为什么不是这个谷歌字体工作？

在我的标签上有这行代码，并且在Apache下的Debian服务器上正常工作，但是当我将其上传到我的生产服务器（Debian使用Apache）时，我无法获得Open Sans Condensed字体。为什么不是这个谷歌字体工作？

<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300,300italic' rel='stylesheet' type='text/css'>

这里就是整个：

<head> 
    <meta charset="UTF-8" /> 
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
     <title> XLS and CSV Conversor</title> 
     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"> 
    <meta name=viewport content="width=device-width, initial-scale=1.0, minimum-scale=0.5 maximum-scale=1.0"> 
    <meta name="viewport" content="target-densitydpi=device-dpi"> 
     <meta name="description" content="Conversor CSV"> 
     <meta name="keywords" content="conversor CSV, conversor, CSV"> 
     <link rel="stylesheet" type="text/css" href="style/style.css" /> 
     <script src="style/sweet_alert/sweetalert.min.js"></script> 
    <link rel="stylesheet" type="text/css" href="style/sweet_alert/sweetalert.css"> 
     <script src="js/jquery-1.11.2.min.js" type="text/javascript"></script> 
     <script type="text/javascript" src="js/progressbar.js"></script> 
     <script type="text/javascript" src="js/textareascript.js"></script> 

     <script type="text/javascript" src="js/modernizr.custom.04022.js"></script> 
     <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300,300italic' rel='stylesheet' type='text/css'> 
     <!--[if lt IE 9]> 
      <style> 
       .content{ 
        height: auto; 
        margin: 0; 
       } 
       .content div { 
        position: relative; 
       } 
      </style> 
     <![endif]--> 

     <!--[if lt IE 9]> 
      <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script> 
     <![endif]--> 
    </head>

有人能告诉我为什么吗？谢谢。

来源

2015-06-09 JBoY

您能提供URL还是完整的HTML吗？ – wicker95

这是整个标题。此代码在我的开发服务器上正常工作，但在我的生产服务器上，未显示Open Sans Condensed字体。 “链接href”不起作用。 – JBoY

您是否在生产服务器上使用SSL？ – kittykittybangbang

如果您使用的是SSL，您将无法调用非加密版Google字体。要解决，找到这一行你的HTML页面（或模板）上：

<link href='http://fonts.googleapis.com/css?family=Whatever:400,600' rel='stylesheet' type='text/css'>

它改成这样：

<link href='//fonts.googleapis.com/css?family=Whatever:400,600' rel='stylesheet' type='text/css'>

这将允许浏览器来选择适当的页面。

来源

2015-06-09 12:18:35 kittykittybangbang

非常感谢，像魅力一样工作！ – JBoY

很高兴我能帮到你。 :) – kittykittybangbang

为什么不是这个谷歌字体工作？

回答

相关问题