Html fonts.googleapis根据浏览器类型显示不同的CSS文件

Html fonts.googleapis根据浏览器类型显示不同的CSS文件,html,css,Html,Css,在我的CSS文件中,我引用的字体如下:- http://fonts.googleapis.com/css?family=Droid+Sans:regular&subset=latin 但是现在我需要下载这些CSS并将它们添加到我的主机,而不是从google下载它们。但我面临的问题是,当我试图通过访问IE上的链接下载相关的CSS文件时,它会出现以下情况:- @font-face { font-family: 'Droid Sans'; font-style: norma

在我的CSS文件中,我引用的字体如下:-

http://fonts.googleapis.com/css?family=Droid+Sans:regular&subset=latin 
但是现在我需要下载这些CSS并将它们添加到我的主机,而不是从google下载它们。但我面临的问题是,当我试图通过访问IE上的链接下载相关的CSS文件时,它会出现以下情况:-

@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 400;
  src: url(http://themes.googleusercontent.com/static/fonts/droidsans/v4/s-BiyweUPV0v-yRb-cjciFQlYEbsez9cZjKsNMjLOwM.eot);
  src: local('Droid Sans'), local('DroidSans'), url(http://themes.googleusercontent.com/static/fonts/droidsans/v4/s-BiyweUPV0v-yRb-cjciFQlYEbsez9cZjKsNMjLOwM.eot) format('embedded-opentype'), url(http://themes.googleusercontent.com/static/fonts/droidsans/v4/s-BiyweUPV0v-yRb-cjciBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Droid Sans'), local('DroidSans'), url(http://themes.googleusercontent.com/static/fonts/droidsans/v4/s-BiyweUPV0v-yRb-cjciBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
在firefox上显示以下内容:-

@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 400;
  src: url(http://themes.googleusercontent.com/static/fonts/droidsans/v4/s-BiyweUPV0v-yRb-cjciFQlYEbsez9cZjKsNMjLOwM.eot);
  src: local('Droid Sans'), local('DroidSans'), url(http://themes.googleusercontent.com/static/fonts/droidsans/v4/s-BiyweUPV0v-yRb-cjciFQlYEbsez9cZjKsNMjLOwM.eot) format('embedded-opentype'), url(http://themes.googleusercontent.com/static/fonts/droidsans/v4/s-BiyweUPV0v-yRb-cjciBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Droid Sans'), local('DroidSans'), url(http://themes.googleusercontent.com/static/fonts/droidsans/v4/s-BiyweUPV0v-yRb-cjciBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
所以我不知道应该下载哪个url()?woff还是tff??或者两者都有

编辑

我换了这个

@import url(https://fonts.googleapis.com/css?family=Karla|Ubuntu);

但是字体效果不起作用?虽然在使用
@import
时,我可以看到字体效果,但当我在本地引用字体时,它们停止工作。
谢谢

如果您确实需要在本地使用这些字体(而不是链接到谷歌的托管版本),那么它们会在每个字体的页面(右上角)上提供下载链接1

下载链接提供了“将收藏中的字体系列下载为.zip文件”选项。如果这样做,您将获得跨浏览器@font-face support2所需的所有不同版本(.ttf/.eot等)

  • 但是,这样做应该有一个很好的理由:链接到托管版本更简单,并且您将自动使用每种字体的最新版本

  • 不同的浏览器需要不同的格式(CSS中的多个
    src
    )。不过,如果您不熟悉所需的内容,请继续链接到谷歌托管的文件


  • 为什么需要下载它们?除非你正在托管一个本地网站(如内联网),否则从Google获取它们不是更有意义吗?@BFDatabaseAdmin,是的,确切地说,我正在一个内联网本地网站上工作,有时用户可能会访问内联网而不访问internet。浏览器是否尝试加载字体?@box86row不确定我如何检查这一点,你能给我一些建议吗?你使用什么浏览器?我之所以需要在本地引用它们,是因为我在一个内部网本地网站上工作。但是你能检查我的编辑吗?因为我试图在本地引用它们,但是字体加载不好。