Google Webfont与本地字体冲突
我与使用google-webfonts有一个非常不好的冲突。 好的，这里是代码：
这是在头上：
<link href='http://fonts.googleapis.com/css?family=Oswald:700' rel='stylesheet' type='text/css'>
这是在css文件中：
body {
font-family: 'Oswald', sans-serif;
font-weight: 700; }
“ Oswald ”是一种由3种字体组成的字体系列：
正如你所看到的......我只装载了粗体（700）。 （你可以在查询中看到它）并且它可以工作到这里，但是...
问题是：
我的计算机上安装了3种字体（300,400,700）的桌面版，只要这些字体被激活...浏览器在我的html文档中显示错误的字体重量（400）。
好。 问题是，在我的CSS'奥斯瓦尔德'采取localfont而不是webfont。 但是当地字体“Oswald”是“Oswald normal”。 我不知道为什么谷歌称之为'奥斯瓦德'而不是'奥斯瓦尔德大胆'。 所以我不知道如何解决这个问题。
我不希望CSS指向本地字体..我希望它始终显示webfont ...因为正确的字体重量！
你有什么想法？ 请？
可能重命名webfont调用？
您可以编辑CSS @font-face规则以满足您的需求，而不是仅从Google自动生成一个。 基本上问题是他们的规则更喜欢本地版本（ src: local('Oswald Bold'), local('Oswald-Bold'), ... ）。 纠正后的版本将如下所示：
@font-face {
font-family: 'WebOswald';
font-style: normal;
font-weight: 700;
src: url(https://themes.googleusercontent.com/static/fonts/oswald/v5/bH7276GfdCjMjApa_dkG6T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
只需手动添加到您的CSS，并使用font-family: 'WebOswald'; 当你想使用谷歌的Web版本的字体。
我希望这有助于！
链接地址: http://www.djcxy.com/p/65053.html