中英文文字混排bug,不完美解决方案

今天早上发现原本测试正常的search首页中有一段链接文字产生了下沉。如图

混合排版

发现该链接中含有英文,估计是字体问题。问了一下同事,说给个 line-height 看看。改后,发现无效果。

google 之,也没有发现很好的解决方案。

最后我的处理方案:将此段文字的 font-family 全部设置为 宋体。这样解决了文字下沉的问题,但是对于英文文字的显示并不友好。即便关键词出现英文的几率并不高,但作为一个完美主义者,对这样的结果我并不满意。

如果谁有比较好的方案,欢迎探讨。


2009-01-14 补充

该问题系 css 中某处定义了 font-family 所致。默认情况的 font-family 为中文为宋体,英文是 Arial。对该容器强制定义 font-family 即可解决。

觉得这篇文章对你有用?支持一下我的写作