Google字体无法在Chrome v50中呈现

时间:2016-05-10 19:08:48

标签: google-chrome google-webfonts

可以在这个上使用一些帮助。我花了几个小时尝试在这个网站上的所有建议没有运气。尝试了建议的webkit正文字体样式。我已经尝试将路径从https改为//为字体链接。我尝试过建议的javascript代码。我试过添加!对我的字体样式很重要。没有任何运气: - /

底色:

  • 字体在IE 11中正常呈现
  • 使用Open Sans字体系列
  • 这是在内联网上
  • 这是一个非常古老的网站我刚刚被分配更新...代码是OLD大声笑。这是一个XSL文件。没有使用正文标记,这可能是否定了webkit建议。我将全局字体样式应用于html
  • 注意:我没有重做XML(有很多数据库连接,我没有时间玩),我只是重做UI。做无表格的CSS设计。因此,HTML / CSS以外的编码可能会很糟糕(网站最初是在2002年设计的)。
  • 这个XSL页面有一个ASP页面。 XSL页面是所有HTML / CSS存在的地方

CSS(PARTIAL):

$("#type_filters").on('click',"button[name='hide-A']",function(){
  $.each(arrayTypes,function(i,v) {
      if(v == 'A'){
       var _thisRow = $("#my-table tr.option")[i];
       $(_thisRow).toggle();
      }
  });
});

XSL INFO(PARTIAL)

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

0 个答案:

没有答案