使用Verdana的子弹在IE中的尺寸不合适

Question

这可能非常挑剔，但QA中的一个人向我指出，在IE中使用Verdana时，子弹很小：http://jsbin.com/IQEmEq/2

第一个列表使用默认浏览器样式，第二个列表使用Verdana。请注意，第一个列表中的子项目具有正常大小，即它与列表中的其他项目符号大小相同。但在第二个清单中，子弹比其他子弹小。

Chrome和Firefox似乎无论字体如何都会渲染所有项目符号，但出于某种原因IE不会。

我如何“修复”这个？

Answer 1

这似乎是他们在IE 9中引入的内容：子弹可能取决于字体。据我所知，子弹在两个列表中的大小相同，但在Verdana列表中，它们看起来更小，部分原因是主要子弹很大，部分原因是Verdana测试很大

我猜微软认为这是对某事的“修复”。看起来他们使用U + 25E6 WHITE BULLET作为默认的辅助子弹，而且它在Verdana中比较奇怪（与其他角色相比）。以前，我想，IE使用的是从特定字体中取出的子弹，无论CSS中设置了什么。

从某种意义上说，它是Verdana字体的设计缺陷。

获得所需列表项目符号的一种方法（尽管不是最优雅的方法）是将它们包含在文档内容中，而不使用ul标记。如果你想在Verdana中使用更大的圆圈，可以使用•使用∘获得基本项目符号并使用{{1}}获得辅助项目符号。 （U + 2218是RING OPERATOR，所以这是一个不合逻辑的选择。）

Answer 2

事实上他们已经在IE8中引入了这种行为。对我来说恰恰相反：当LI的字体是Arial时，子弹更小，甚至是矩形，而Verdana则是常规尺寸。 如果要修复许多文档中的列表，可以使用css或javascript来修复页面加载时的列表。