Firefox特殊字符行高

Question

还有其他人得到以下内容：

Firefox（但不是Chrome，IE或Safari）出于某种原因显示某些特殊字符，例如dArr，线条高度很大。选择字符时，选择范围大约为6行。它破坏了我的HTML按钮并使它们变得非常大！ （这不是填充问题......）

为什么会出现这种情况？它是FF中的新bug吗？上周没有发生......

提前致谢！

Answer 1

可能的解释是浏览器从具有非常大的默认行高度的字体中选取双箭头（或其他特殊字符），例如Cambria Math。不同人提出不同意见的原因是，当正常使用的字体不包含特定字符时，浏览器会使用一些后备，然后结果可能取决于浏览器版本和设置。

有两种修复方法，它们甚至可以同时应用：

1）在CSS中设置行高，例如* { line-height: 1.3 }。这将覆盖默认行高。

2）在文本上设置font-family，以便所有使用的字符都出现在列出的字体中，并且在样式上是可接受的。例如，如果您包含Arial Unicode MS和Lucida Sans Unicode，则不会使用Cambria Math。但是如果您认为Cambria Math对于角色来说没问题，请将其包含在列表中，但请记住使用修复1。

Answer 2

我无法重现这种症状。我所做的是使用“块元素和几何形状”而不是“箭头”子范围的Unicode字符。另外我避免使用“不寻常”的字体系列。

示例视图：↓...▼（9960或U25BC）