Font monospace Android 2.3
作者:互联网
我在Android Gingerbread上的移动网站和之前的版本有问题.字体等宽字体并不像monospaces那样:不同的字符具有不同的宽度.
这就是它在Gingerbread默认Web浏览器上的外观(我也在Dolphin和Opera mini上测试过):
这是它在ICS默认Web浏览器上的外观:
我使用从网上下载的Cultive Mono.
<link href='http://fonts.googleapis.com/css?family=Cutive+Mono' rel='stylesheet' type='text/css'>
CSS:
#my_id span{font:12px 'Cutive Mono', serif; line-height:1.6}
我还尝试了操作系统中的默认等宽字体:
#my_id span{font:12px monospace; line-height:1.6}
有谁知道如何解决这个问题?我真的需要在我的移动网站上使用monospace.
提前致谢.
编辑
这将是jsfiddle:http://jsfiddle.net/HerrSerker/dE94s/9/中的一个例子
解决方法:
找到了我的案例修复,似乎安道尔不会渲染字体,如果缺少.
这不起作用:
font-family: FreeMono, Courier, monospace;
但如果我使用,我会工作:
font-family: FreeMono, Courier, monospace;
font-family: monospace;
在这段代码中,第二条规则可能会覆盖第一条规则.
浏览器只是另一个奇怪的事情,如果有人解释这个或提供更多细节,我会给他一个赏金.
标签:css,android,font-face,android-2-2-froyo,android-2-3-gingerbread 来源: https://codeday.me/bug/20190709/1409054.html