我遇到了数学符号(例如“∠”)在 Firefox 中显示太小的问题。我已经通过使用解决了这个问题<span style="font-size:200%;">∠</span>
,但是在其他浏览器中它太大了。
有没有办法使用内联 CSS(我不能更改文档头或外部 CSS)来使大小增加仅适用于 Firefox?
另一个选项是 MathML 生成的图像,但这会使搜索精确的方程字符串变得不可能。
这是一个字体问题,应该在字体级别解决。这只是一个间接的浏览器问题:当在文档本身建议的任何字体中都找不到字符时,不同的浏览器有不同的默认字体和不同的备用字体列表。(有关此类问题的一般性,请参阅我在 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">∠</span>
我在系统中的两个(或所有)浏览器上都获得了相同的渲染。Lucida Sans Unicode 在 Windows 上可用(我想是普遍的),所以你可以考虑在font-family
列表中添加一些备份字体,比如 Dejavu Sans。(大多数包含角字符的字体都很少可用,即使你可以看看外观,它们也可能不值得在下面列出。)
您可以应用一个类(或仅使用span
)并在您的 css 中执行此操作;
<style type="text/css">
@-moz-document url-prefix() {
span {
font-size:200%;
}
}
</style>
该url-prefix
规则将规则应用于 URL 以它开头的任何页面。
@-moz-document url-prefix() {
/*your needs*/
}
@-moz-
是 Gecko 布局引擎特定的规则。它不是标准规则。它是 mozilla 特定的扩展。