我已经使用 CSS 重现了我遇到的问题font-family
以及 Android 版 Chrome。 Web 浏览器无法正确继承字体,而是使用后备字体。
http://jsbin.com/iyifah/1/edit http://jsbin.com/iyifah/1/edit
这似乎是一个已在 Google 上记录的错误(http://code.google.com/p/chromium/issues/detail?id=138257 http://code.google.com/p/chromium/issues/detail?id=138257 ).
Adding <meta name="viewport" content="width=device-width, initial-scale=1" />
HTML 应该可以解决问题,但这只能解决第一个元素的设置字体问题。
JS Bin 链接将有助于解释我正在谈论的内容。所以,如果有人有 Android 版 Chrome,请访问链接看看我在说什么!
Thanks.
我对这个问题的解决方案是完全放弃 Google Webfonts,而是将字体下载到 Web 服务器并通过 CSS 调用它们,如下所示:
@font-face {
font-family: 'Droid Sans';
src: url('fonts/DroidSans-webfont.eot');
src: url('fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/DroidSans-webfont.woff') format('woff'),
url('fonts/DroidSans-webfont.ttf') format('truetype'),
url('../fonts/DroidSans-webfont.svg#DroidSansRegular') format('svg');
font-weight: normal;
font-style: normal;
}
谷歌的网络字体是开源的,所以我们应该可以毫无问题地找到这些字体的下载。
该解决方案适用于 Android 版 Dolphin 和 Chrome。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)