Html fonts.googleapis根据浏览器类型显示不同的CSS文件
在我的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
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等)
src
)。不过,如果您不熟悉所需的内容,请继续链接到谷歌托管的文件为什么需要下载它们?除非你正在托管一个本地网站(如内联网),否则从Google获取它们不是更有意义吗?@BFDatabaseAdmin,是的,确切地说,我正在一个内联网本地网站上工作,有时用户可能会访问内联网而不访问internet。浏览器是否尝试加载字体?@box86row不确定我如何检查这一点,你能给我一些建议吗?你使用什么浏览器?我之所以需要在本地引用它们,是因为我在一个内部网本地网站上工作。但是你能检查我的编辑吗?因为我试图在本地引用它们,但是字体加载不好。