Yah*_*een 6 css android google-chrome tablet
我在Chrome上使用Nexus 7,Android 4平板电脑遇到了一个奇怪的问题.
当我尝试p使用Web字体设置标记样式时,字体将在某个em或px大小之后才会呈现:
CSS:
@font-face {
font-family: 'mija';
src: url('/assets/fonts/mija-reg/mija-reg.eot');
src: url('/assets/fonts/mija-reg/mija-reg.eot?#iefix') format('embedded-opentype'),
url('/assets/fonts/mija-reg/mija-reg.woff') format('woff'),
url('/assets/fonts/mija-reg/mija-reg.ttf') format('truetype'),
url('/assets/fonts/mija-reg/mija-reg.svg#mija') format('svg');
font-weight: normal;
font-style: normal;
}
p {
font-size: 16px;
font-family: 'mija'
}
我的HTML:
<!DOCTYPE html>
<html >
<head>
<meta charset="utf-8">
<title></title>
<meta name="description" content="">
</head>
<body>
<p>Hello world</p>
</body>
</html>
在这种情况下,任何内容都17px将正确呈现字体.
这只发生在p标签上.每个其他元素都会以任何大小呈现字体而不会出现问题.
我试过3种不同的字体系列.我没有使用任何规范化文件或任何其他CSS.
我尝试创建一个小提琴,但网络字体不是从Android Chrome上的Google网络服务中提取的:
我认为这是 Webkit 中的一个错误。
看起来这可能是相关错误或与问题相关：
Android Chrome 字体缩放会破坏网页字体
http://code.google.com/p/chromium/issues/detail?id=138257