其他分享
首页 > 其他分享> > Font monospace Android 2.3

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