Question

我遇到的问题是数学符号（例如'∠'）在firefox中显示得太小。我已经使用<span style="font-size:200%;">&ang;</span>解决了这个问题，但是在其他浏览器中它太大了。

有没有办法，使用内联CSS（我无法更改文档头或外部CSS），使大小增加仅适用于Firefox？

另一个选项是MathML生成的图像，但这样就无法搜索精确的方程字符串。

Answer 1

这是一个字体问题，应该在字体级别解决。它只是间接的浏览器问题：当文档本身建议的任何字体都找不到某个字符时，不同的浏览器会使用不同的默认字体和不同的备份字体列表。（关于此类问题的一般性，请参阅我的Guide to using special characters in HTML。）

这意味着您应该检查包含所需字符的字体列表，以及 http://www.fileformat.info/info/unicode/char/2220/fontsupport.htm 相当不错（它不包括所有字体，但可能是Joe Q. Public可能在他的计算机中使用的所有字体）。然后根据您的需要选择可接受渲染的字体，同时考虑您的复制文本字体选择。

例如，在我的系统（Win 7）上，Firefox显示一个没有样式的“∠”确实比IE小，但这不是由字体大小的差异引起的。改变字体大小将是一个黑暗的镜头。相反，如果我使用

<span style="font-family: Lucida Sans Unicode">&ang;</span>

我在系统中的两个（或所有）浏览器上获得相同的渲染。 Lucida Sans Unicode在Windows上可用（通常我认为），因此您可以考虑在font-family列表中添加一些备份字体，例如Dejavu Sans。（大多数包含角度字符的字体很少可用，以至于它们可能不值得在那里列出，即使你可以看一下外观。）

Answer 2

您可以申请一个班级（或者只使用span）并在您的CSS中执行此操作;

<style type="text/css">
@-moz-document url-prefix() {
    span {
        font-size:200%;
    }
}
</style>

Answer 3

url-prefix规则将规则应用于网址以其开头的任何网页。

@-moz-document url-prefix() {
  /*your needs*/
}

@-moz-是Gecko布局引擎特定规则。它不是标准规则。它是一个特定于Mozilla的扩展。

内联CSS使Firefox数学符号更大

3 个答案: