В настоящее время я создал HTML файл, отображающий некоторые rounded number из Unicode таблицы Unicode таблицы от 2000 до 2FFF
Вы можете увидеть, чем в браузере 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">➀</span></td><td> white small</td></tr>
<tr><td>0x278A</td><td><span class="unicode">➊</span></td><td> black small</td></tr>
<tr><td>0x24EA</td><td><span class="unicode">⓪</span></td><td> white large</td></tr>
<tr><td>0x2460</td><td><span class="unicode">①</span></td><td> white large</td></tr>
<tr><td>0x2776</td><td><span class="unicode">❶</span></td><td> black large</td></tr>
<tr><td>0x24EB</td><td><span class="unicode">⓫</span></td><td> black large</td></tr>
<tr><td>0x24FF</td><td><span class="unicode">⓿</span></td><td> black large</td></tr>
</table>
</body>
</html>
Когда я отображаю Этот файл использует другого пользователя. Я не получаю тот же результат, что и в Википедии (см. предыдущее изображение). Некоторые кружки малы, когда они должны быть большими, а некоторые слишком велики.
В Opera
Все кружки. .. маленький.
Только 0x2780 и 0x278A символы юникода отображаются правильно!
Счет: 2/7
Вкл. Chrome браузер
0x2776 маленький и должен быть большим!
0X24FF слишком большой!
Оценка: 5/7
Вкл. Edge Chromium браузер
Как и в браузере Opera
Все кружки ... маленькие.
Только 0x2780 и 0x278A символы Юникода отображаются правильно!
Счет: 2/7
Вкл. Edge Chromium Браузер (Cannary = тестовый выпуск)
Как и в Chrome браузер
0x2776 маленький и должен быть большим!
0X24FF слишком большой!
Оценка: 5 / 7
Вкл Firefox браузер
Символы 0X24 EA, 0x2A60 и 0x24EB маленькие, а не большие 0x2776 и 0x24FF!
Счет: 4/7
Вкл. Safari браузер
I У меня нет компьютера Apple, и невозможно загрузить Windows версию!
Оценка: 0/7
Вопрос: Как отобразить округленное число с правильным размером круга во всех браузерах?
В предыдущем изображении (которое можно загрузить в другую вкладку для масштабирования) вы можете быстро сравнивайте шрифты (Arial, Cambria Math и Calibri) и браузеры (Opera, Chrome, Firefox и Edge Chromium).