Google chrome 什么是四舍五入UNICODE字符的正确显示？_Google Chrome_Firefox_Unicode_Microsoft Edge_Opera

Google chrome 什么是四舍五入UNICODE字符的正确显示？

google-chrome firefox unicode

Google chrome 什么是四舍五入UNICODE字符的正确显示？,google-chrome,firefox,unicode,microsoft-edge,opera,Google Chrome,Firefox,Unicode,Microsoft Edge,Opera,目前，我已经创建了一个HTML文件，其中显示了Unicode表中的一些整数你们可以在Opera浏览器上看到（在所有浏览器上都是一样的），一些数字在大圆圈中被舍入，而另一些在小圆圈中被舍入然后我创建了以下HTML文件来显示一些Unicode <html> <head> <style type="text/css"> .unicode { f

目前，我已经创建了一个

HTML

文件，其中显示了

Unicode

表中的一些

整数




你们可以在Opera浏览器上看到（在所有浏览器上都是一样的），一些数字在大圆圈中被舍入，而另一些在小圆圈中被舍入
然后我创建了以下HTML文件来显示一些Unicode
<html>
    <head>
        <style type="text/css">
            .unicode
                {
                font-size: 32px;
                cursor: pointer;
                min-width: 56px;
                display: inline-block;
                text-align: center;
                }
        </style>
    </head>
    <body>
        <table>
            <tr><td>0x2780</td><td><span class="unicode">&#x2780;</span></td><td> white small</td></tr>
            <tr><td>0x278A</td><td><span class="unicode">&#x278A;</span></td><td> black small</td></tr>
            <tr><td>0x24EA</td><td><span class="unicode">&#x24EA;</span></td><td> white large</td></tr>
            <tr><td>0x2460</td><td><span class="unicode">&#x2460;</span></td><td> white large</td></tr>
            <tr><td>0x2776</td><td><span class="unicode">&#x2776;</span></td><td> black large</td></tr>
            <tr><td>0x24EB</td><td><span class="unicode">&#x24EB;</span></td><td> black large</td></tr>
            <tr><td>0x24FF</td><td><span class="unicode">&#x24FF;</span></td><td> black large</td></tr>
        </table>            
    </body>
</html>


.unicode
{
字体大小：32px；
光标：指针；
最小宽度：56px；
显示：内联块；
文本对齐：居中；
}
0x2780➀；白色小号
0x278A➊；黑色小
0x24EA和x24EA；白色大号
0x2460①；白色大号
0x2776❶；黑色大号
0x24EB⓫；黑色大号
0x24FF⓿；黑色大号

当我使用distinct user显示这个文件时，我并没有得到与Wikipedia相同的结果（见上图）。有些圆很小，但它们一定很大，有些圆太大

论歌剧

所有的圈子都是。。。小。

仅正确显示0x2780和0x278A unicode字符

得分：2/7

在Chrome
浏览器上

0x2776是小的，必须是大的

0X24FF太大了

得分：5/7

在Edge浏览器上

与Opera浏览器相同

所有的圈子都是。。。小。

仅正确显示0x2780和0x278A unicode字符

得分：2/7

在Edge铬浏览器上（Cannary
=测试版本）

与Chrome浏览器一样
0x2776是小的，必须是大的

0X24FF太大了

得分：5/7


在Firefox浏览器上

字符0X24EA、0x2A60和0x24EB与0x2776和0x24FF一样小而不是大

得分：4/7

在Safari
浏览器上
我没有任何苹果电脑，也不可能下载Windows版本

得分：0/7

问题：如何在所有浏览器上显示圆形大小正确的圆形数字


在上一张图像（可在另一个用于缩放的选项卡中加载）中，您可以快速比较字体（Arial、Cambria Math和Calibri）和浏览器（Opera、Chrome、Firefox和Edge Chrome）。
HTML文件中指定字符的呈现取决于所使用的字体，而不是浏览器，很容易确认这一点。例如，如果我使用Arial字体渲染HTML文件中的字符，我在Opera中会得到与您类似的结果：

但是，如果我将字体更改为Calibri（轻松设置>进入浏览器设置>高级>外观>自定义字体>标准字体>Calibri），其中一些字符的大小会立即更改：

这是因为要呈现的字符的大小是样式的问题，由字体设计者决定。Unicode标准中没有规定（比如说）❶应渲染为大于和#x278A，以及OP中使用的描述性术语（“黑色大”和“黑色小”）与Unicode规范无关
还值得注意的是，U+2700到U+27BF范围内的字符构成丁巴茨块，而U+2460到U+24FF范围内的字符构成封闭的字母数字块。来自不同块且在视觉上相似的字符，例如➀ （➀；
DINGBAT圆圈无衬线数字1）和① （①；
“带圆圈的数字一”）根本没有真正的关系
Calibri的字体设计人员选择将封闭字母数字块中的字符呈现为比Dingbats块中的一些字符大，而Arial的字体设计人员没有
因此，没有绝对正确或不正确的方式来呈现这些角色。只需选择一种字体，以适合您的需要的方式呈现它们。
我认为此线程中的答案可以解释出现此问题的原因以及可能的解决方案或解决方法。它适用于所有浏览器。谢谢您已经回答了“如何在维基百科上显示unicode？”的问题，但我不同意您的解释。我个人认为，有些字体被错误地设计为Arial或Console字体。或者说Unicode团队所做的不是很专业！事实上，当无衬线是字体的一个属性时，为什么要定义无衬线圆圈数字呢？关于我的解释，你具体不同意什么？字形的表示取决于字体设计师，而不是Unicode联盟。虽然我不同意为某些字体的某些字符所做的一些选择，但没有明确的标准，这意味着它们是不正确的。即使有些渲染做得不正确，这也不会使我的解释无效。如果你不喜欢某个特定的字体，那么就不要使用它。我会将问题发布到Unicode consortium，当我有答案时（如果我得到答案的话）我会回来。好的，听起来不错。不过要澄清的是：“Unicode标准没有指定或创建任何字体（字体），一种称为字形的图形形状集合，其本身……字体的选择……由用户决定。”