html - 使用 Verdana 的子元素符号在 IE 中大小不正确

Question

这可能真的很挑剔，但质量检查人员向我指出，在 IE 中使用 Verdana 时，子元素符号很小:http://jsbin.com/IQEmEq/2

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

无论字体如何，Chrome 和 Firefox 似乎都以相同的大小呈现所有元素符号，但出于某种原因，IE 却没有。

我怎样才能“解决”这个问题？

Answer 1

这似乎是他们在 IE 9 中引入的东西:元素符号可能取决于字体。据我所知，两个列表中的子元素符号大小相同，但在 Verdana 列表中，它们看起来较小，部分原因是主要元素符号较大，部分原因是 Verdana 测试较大.

我猜微软将此视为对某事的“修复”。似乎他们使用 U+25E6 WHITE BULLET 作为默认的副子弹，而且它在 Verdana 中小得奇怪(与其他 Angular 色相比)。以前，我想，无论在 CSS 中设置了什么，IE 都使用从特定字体中获取的元素符号。

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

获得所需列表元素符号的一种方法(虽然不是最优雅的方法)是将它们包含到文档内容中，而不使用 ul 标记。如果您想在 Verdana 中使用更大的圆圈，则可以使用 • 获得基本子弹，使用 ∘ 获得辅助子弹(环)。 (U+2218 是 RING OPERATOR，所以这个选择有点不合逻辑。)