Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/google-chrome/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Google chrome unicode的Chrome呈现;重加号/减号/除号“;_Google Chrome_Unicode_Emoji - Fatal编程技术网

Google chrome unicode的Chrome呈现;重加号/减号/除号“;

Google chrome unicode的Chrome呈现;重加号/减号/除号“;,google-chrome,unicode,emoji,Google Chrome,Unicode,Emoji,当我尝试渲染unicode字符U+2795到U+2797时,我在Chrome的一些版本中遇到了一个奇怪的渲染问题,即加号/减号/除号。在某些版本的Chrome上,该标志将呈现为丑陋的灰色,带有某种黑色伪轮廓,不响应CSS颜色命令。这是一张图片: 有关我尝试过的其他浏览器的外观示例,请参阅 对于某些版本,我的意思是,我似乎不能把它缩小到一个特定的Chrome版本。在两台运行Win10的不同计算机上,同一版本的Chrome会呈现不同的效果,我找不到区别在哪里 这是Chrome中的一个bug吗?我似

当我尝试渲染unicode字符U+2795到U+2797时,我在Chrome的一些版本中遇到了一个奇怪的渲染问题,即加号/减号/除号。在某些版本的Chrome上,该标志将呈现为丑陋的灰色,带有某种黑色伪轮廓,不响应CSS颜色命令。这是一张图片:

有关我尝试过的其他浏览器的外观示例,请参阅

对于某些版本,我的意思是,我似乎不能把它缩小到一个特定的Chrome版本。在两台运行Win10的不同计算机上,同一版本的Chrome会呈现不同的效果,我找不到区别在哪里

这是Chrome中的一个bug吗?我似乎找不到其他人在哪里遇到这个问题。我正试图在一个网站上包括这一点,但如果某些版本的Chrome使它难看,我需要找到另一个解决方案

--编辑--

XY问题
我的目的是使用+/-作为可折叠手风琴盒中的“展开/折叠”标记,背景可以是浅色或深色。我希望能够在不需要借助图像的情况下对其进行着色以匹配文本的其余部分,但根据下面的评论,我开始认为将.svg组合在一起,在CSS中重新着色,然后使用它可能更容易。

问题是浏览器正在用表情符号替换字形,每个浏览器的渲染方式都不同。无法使用CSS对表情符号进行着色——您所能做的最好的事情是为表情符号勾勒轮廓并为轮廓着色,如中所述。不幸的是,这仍然意味着glyph在不同浏览器上的显示方式不同,因为表情符号不会使用您指定的字体呈现

目前还没有一种方法可以强制浏览器渲染字形而不是表情符号。附加\FE0E(如中所述)有时会起作用,但这是不一致的,不能保证,因此不建议这样做

您可以提供包含所需字形的web字体,但这也不能保证有效,因为某些浏览器(尤其是移动设备上的浏览器)仍将使用表情符号替换它们


如果您需要一致的渲染,最好的方法似乎是使用图像,而不是试图强制浏览器不使用表情符号。

Chrome是否在“计算”选项卡下的“渲染字体”部分显示不同的内容?Mac OS不提供这些字形的黑白版本。如果没有web字体或SVG,这是不可能的。可能是重复的感谢Josh,在我第一次尝试时,它看起来像是对文章中的文本阴影和颜色的响应:透明。我会确保它不会破坏其他任何东西,然后如果你想把它变成一个答案,我会接受。事实上,这篇文章就是我要找的:。谢谢你让我从正确的方向开始。