Chrome与Firefox呈现unicode字符的差异-MathJax

Chrome与Firefox呈现unicode字符的差异-MathJax,firefox,unicode,google-chrome,mathjax,Firefox,Unicode,Google Chrome,Mathjax,我很难弄清楚为什么Chrome和Firefox呈现出不同的效果。下面是Firefox(上图)和Chrome(下图)中我项目的一部分的图片。在加载页面时呈现所有内容,一旦所有内容都经过处理和排版,就会显示在页面上。所以我不确定这是不是我的错还是MathJax的错。不管怎样,这里是图片 。。。如果你注意到的话,带有黑色边框的正方形在镀铬上是不同的,而且是一种不好的方式。你知道为什么会这样吗?以下是Chrome控制台的输出 Resource interpreted as font but tran

我很难弄清楚为什么Chrome和Firefox呈现出不同的效果。下面是Firefox(上图)和Chrome(下图)中我项目的一部分的图片。在加载页面时呈现所有内容,一旦所有内容都经过处理和排版,就会显示在页面上。所以我不确定这是不是我的错还是MathJax的错。不管怎样,这里是图片

。。。如果你注意到的话,带有黑色边框的正方形在镀铬上是不同的,而且是一种不好的方式。你知道为什么会这样吗?以下是Chrome控制台的输出

Resource interpreted as font but transferred with MIME type image/svg+xml. /MathJax/fonts/HTML-CSS/TeX/svg/MathJax_Main-Regular.svg#MathJax_Main-Regular:-1
Resource interpreted as font but transferred with MIME type image/svg+xml. /MathJax/fonts/HTML-CSS/TeX/svg/MathJax_Main-Bold.svg#MathJax_Main-Bold:-1
Resource interpreted as font but transferred with MIME type image/svg+xml. /MathJax/fonts/HTML-CSS/TeX/svg/MathJax_Main-Italic.svg#MathJax_Main-Italic:-1
Resource interpreted as font but transferred with MIME type image/svg+xml. /MathJax/fonts/HTML-CSS/TeX/svg/MathJax_Math-Italic.svg#MathJax_Math-Italic:-1
etc...
单独渲染正方形的代码,没有其他所有花哨的东西,相对简单

<div id="square">
   <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">
     <mo id="tag0" class="expand">&#x25FB;</mo>
   </math>
</div>
。。。MathJax完成了它的工作(我无法控制MathJax的渲染)。所以我不太清楚问题出在哪里


我知道这是一个非常奇怪且非常具体的问题,但我希望Stack Overflow社区中的某个人可能有一些想法,或者以前处理过MathJax。希望一些头脑风暴能帮助解决这个问题。

我没有一个真正的答案,但是呈现浏览器之间的差异并不是什么新鲜事。我使用Firefox、Chrome、Opera、IE(按顺序),通常其中一种浏览器的渲染效果比其他浏览器好。Firefox有一些不错的调试插件,你可以试试(Firebug???)。警告:您可能会为此付出很多努力。如果你对CSS进行疑难解答,哎哟:)。

我没有一个真正的答案,但是不同浏览器的渲染差异并不是什么新鲜事。我使用Firefox、Chrome、Opera、IE(按顺序),通常其中一种浏览器的渲染效果比其他浏览器好。Firefox有一些不错的调试插件,你可以试试(Firebug???)。警告:您可能会为此付出很多努力。如果你开始对CSS进行疑难解答,哎哟:)。

MathML将以本机的方式出现在Chrome上,WebKit已经为它工作了一段时间了:


我想这个问题应该被标记为MathJax的bug。希望很快就会有一个本机解决方案。

MathML将以本机方式出现在Chrome上,WebKit已经为此工作了一段时间:


我想这个问题应该被标记为MathJax的bug。希望很快就会有一个本机解决方案。

您看到的Chrome框是“缺少字符”符号。MathJax字体不包含U+25FB,因此Chrome显示缺少的符号。看起来Firefox正在使用另一种字体查找字符(或者您在运行Firefox的机器上使用STIX字体,但在运行Chrome的机器上没有,MathJax正在使用这种字体)。浏览器在为MathJax字体中没有的符号寻找替代字体方面的能力有所不同

在任何情况下,尝试使用U+25A1而不是U+25FB,看看这是否更适合你


Davide

您看到的Chrome框是“缺少字符”符号。MathJax字体不包含U+25FB,因此Chrome显示缺少的符号。看起来Firefox正在使用另一种字体查找字符(或者您在运行Firefox的机器上使用STIX字体,但在运行Chrome的机器上没有,MathJax正在使用这种字体)。浏览器在为MathJax字体中没有的符号寻找替代字体方面的能力有所不同

在任何情况下,尝试使用U+25A1而不是U+25FB,看看这是否更适合你


戴维德(Davide)

:)我确切地知道,要使跨浏览器兼容,需要付出多少努力。我经常用萤火虫。。。我梦见了Firebug:D:)我知道要使东西跨浏览器兼容需要付出多少努力。我经常用萤火虫。。。我梦见Firebug:DOk。。。使用25A1工作。你怎么知道MathJax不包含U+25FB?写完MathJax后,我知道它的字体包含哪些字符。:-)哦,哇。。。哈哈。。。那样的话,我相信你:)马查克斯的功劳!好啊使用25A1工作。你怎么知道MathJax不包含U+25FB?写完MathJax后,我知道它的字体包含哪些字符。:-)哦,哇。。。哈哈。。。那样的话,我相信你:)马查克斯的功劳!
MathJax.Hub.Queue(["Typeset", MathJax.Hub, "square"]);