我有一个Android姜饼和之前版本的移动网站的问题。字体monospace的行为与monospace不完全一样:不同的字符有不同的宽度。
这就是姜饼默认浏览器的外观(我也在Dolphin和Opera Mini上进行了测试):
这是它在ICS默认Web浏览器上的外观:
我用的是从网上下载的单声道。
<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}
我还尝试了操作系统中的默认monospace字体:
#my_id span{font:12px monospace; line-height:1.6}
有人知道这个问题怎么解决吗?我真的需要一个单一空间在我的移动网站上工作。
提前谢谢。
编辑
这将是jsfiddle中的一个示例:http://jsfiddle.net/HerrSerker/dE94s/9/
最佳答案
找到了一个修复我的情况,似乎安道尔不渲染字体,如果一个丢失。
这不起作用:
font-family: FreeMono, Courier, monospace;
但如果我使用:
font-family: FreeMono, Courier, monospace;
font-family: monospace;
在这段代码中,第二条规则可能会覆盖第一条规则。
只是浏览器的另一个奇怪的问题,如果有人解释或提供更多细节,我会给他一个赏金。