在Android 4.x上有一个非常奇怪的问题。我使用的字体不会显示欧洲货币代码。
在任何iOS和Android 2.x上都可以正常工作:
@font-face {
font-family: 'Trade Gothic Bold';
src: url('../../font/tradegothic-bold-webfont.eot');
src: url('../../font/tradegothic-bold-webfont.woff') format('woff'),
url('../../font/tradegothic-bold-webfont.ttf') format('truetype'),
url('../../font/tradegothic-bold-webfont.svg#webfontmlgY0et7') format('svg');
font-weight: normal;
font-style: normal;
}
body{
font-family: 'Trade Gothic Bold', Arial, Helvetica, Geneva, sans-serif;
text-transform: uppercase;
}
奇怪的是,在4.xTrade Gothic Font
的其他地方看起来都很好,甚至其他货币代码也呈现得很好。(dollars, pounds, etc)
有人遇到过这个吗?我通过检测用户代理并将字体切换为 arial 来强制修复,并且渲染效果很好。当我告诉他们这是字体问题时,PM 不太相信我。