标签：css android font-face android-2-2-froyo android-2-3-gingerbread

我在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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。