Google chrome 谷歌字体不在Chrome v50中呈现

在这件事上需要一些帮助。我花了好几个小时在这个网站上尝试所有的建议，但运气不好。尝试了建议的webkit正文字体样式。我已尝试将字体链接的路径从https更改为//。我已经尝试了建议的javascript代码。我已经试着添加了！对我的字体风格很重要。他们中的任何一个都不走运：-/

背景：

• 字体在IE 11中呈现良好
• 使用开放式Sans字体系列
• 这是在内联网上
• 这是一个非常旧的网站，我刚刚被分配到更新。。。代码是旧的lol。它是一个XSL文件。没有使用body标签，所以这可能是否定webkit建议的原因。我将全局字体样式应用于html
• 注意：我没有重做XML（有很多数据库连接我没有时间玩），我只是重做UI。做无表CSS设计。因此，HTML/CSS之外的编码可能是不可靠的（该网站最初设计于2002年）
• 有一个ASP页面拉入这个XSL页面。XSL页面是所有HTML/CSS的所在

CSS（部分）：

XSL信息（部分）

]>
2016年XXXXX占位符名称（IAD）信息
XXXXX占位符公司
第XXX周，共XXX周
地位
XXXXX
点Totaldiv>
XXXXX
银牌会议
黄金会议
白金会议

html { 
    font: 300 16px #333 "Open Sans", sans-serif !important;
}

body {
    -webkit-animation-delay: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
}

@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}

#myInfoBox {
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
    border: 1px solid #EEE;
    padding: 20px; 
    width: 406px;
margin: 0 auto;
overflow:auto;
background-color: #ECF7FD;
}

.myInfoBoxLabels {
    width: 250px;
float: left;
text-align: right;
margin: 0;
padding: 0;
height: 40px;
vertical-align: bottom;
display: inline-block;
}

.myInfoBoxData {
    width: 116px;
padding: 0 0 0 5px;
float: right;
    text-align: left;
margin: 0;
    height: 40px;
    vertical-align: bottom;
    display: inline-block;
}

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE xsl:stylesheet  [
<!ENTITY nbsp   "&#160;">
<!ENTITY copy   "&#169;">
<!ENTITY reg    "&#174;">
<!ENTITY trade  "&#8482;">
<!ENTITY mdash  "&#8212;">
<!ENTITY ldquo  "&#8220;">
<!ENTITY rdquo  "&#8221;"> 
<!ENTITY pound  "&#163;">
<!ENTITY yen    "&#165;">
<!ENTITY euro   "&#8364;">
]>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html" encoding="iso-8859-1"/>

<xsl:param name="iad" select="'default value'" />
<xsl:decimal-format NaN=" " />
<xsl:template match="/"><meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />
<link href="styles/styles.css" rel="stylesheet" type="text/css" />
<link href="//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700" rel="stylesheet" type="text/css" />
<xsl:for-each  select="myPortalFeed[strIAD=$iad]" >  
<div id="outerBorder">
<div id="headerContent"><img src="assets/Header.jpg" width="983" height="138" alt=""/></div>
    <div id="mainContent">
        <div class="title">2016 Info for <strong>XXXXX PLACEHOLDER NAME (IAD)</strong></div>
    <div>XXXXX PLACEHOLDER COMPANY</div>
    <div class="weekOf">Week XXX of XXX</div>        
    <div id="myInfoBox">
        <div class="myInfoBoxLabels">Status</div>
        <div class="myInfoBoxData">XXXXX</div>
        <div class="myInfoBoxLabels">Point Totaldiv>
        <div class="myInfoBoxData">XXXXX</div>
    </div>

    <div id="creditsBoxHeaders">
        <div class="creditsBoxColHeaderSpacer">&nbsp;</div>
        <div class="creditsBoxColHeader">Silver<br/>Conference</div>
        <div class="creditsBoxColHeader">Gold<br/>Conference</div>
        <div class="creditsBoxColHeader">Platinum<br/> Conference</div>
        <div id="floatMe"></div>
    </div>