中英文文字混排bug,不完美解决方案
今天早上发现原本测试正常的 search 首页中有一段链接文字产生了下沉。如图
发现该链接中含有英文,估计是字体问题。问了一下同事,说给个 line-height
看看。改后,发现无效果。
google
之,也没有发现很好的解决方案。
最后我的处理方案:将此段文字的 font-family
全部设置为 宋体
。这样解决了文字下沉的问题,但是对于英文文字的显示并不友好。即便关键词出现英文的几率并不高,但作为一个完美主义者,对这样的结果我并不满意。
如果谁有比较好的方案,欢迎探讨。
2009-01-14 补充
该问题系 css
中某处定义了 font-family
所致。默认情况的 font-family
为中文为宋体,英文是 Arial
。对该容器强制定义 font-family
即可解决。