我使用的是谷歌字体的Ubuntu字体：
<link href='http://fonts.googleapis.com/css?family=Ubuntu:300,400,300italic,400italic,500,500italic,700,700italic' rel='stylesheet' type='text/css' />
我的样式表
body {
font-family: 'ubuntu',arial;
}
它的工作原理,但是如果安装了同名的字体(Ubuntu),它会覆盖Google字体.
是否可以强制浏览器使用Google字体？
解决方法
答案不在你的代码中,而是在Google中.
这是您要求的CSS的一部分：
@font-face {
font-family: 'Ubuntu';
font-style: normal;
font-weight: bold;
src: local('Ubuntu Bold'),local('Ubuntu-Bold'),url('http://themes.googleusercontent.com/static/fonts/ubuntu/v4/0ihfXUL2emPh0ROJezvraLO3LdcAZYWl9Si6vvxL-qU.woff') format('woff');
}
这里的关键是本地(“Ubuntu Bold”),如果可能,请求加载本地文件.
最简单的解决方案是复制所有的Google CSS,将其粘贴到您自己的CSS中,并将本地名称修改为例如本地(“Ubuntu Bold NonExisting Name or Something Else”).这样的字体不存在,不会替换CSS加载的字体.
附：我没有测试过这个.如果0ihfXUL2emPh0ROJezvraLO3LdcAZYWl9Si6vvxL-qU.woff URL正在过期,那么您处于难处.尝试查看字体的许可证,并考虑自己托管字体,如果防止本地覆盖是优先的.
