ios chrome 上不同大小的 unicode 圆圈
unicode circles with varying size on ios chrome
当我注意到 ios chrome 上的白色圆圈比黑色圆圈大时，我在我的项目中使用了黑白圆圈。
● - U+25CF
○ - U+25CB
在桌面环境中，圆圈看起来大小相同，但高度略有不同。差异不明显。
我试图让这些圆圈在 ios chrome 上的大小相同。
我觉得我已经消除了任何变量，浏览器负责这些圆圈的不同大小。
实际上，就 unicode 而言，所有字符都取决于字体。当某个字符不可用时，它会从后备字体中选取。
如果您没有配置自定义字体，或者如果这些字符在您选择的字体中不可用，那么不同大小的圆圈是 chrome/ios 使用的默认字体。
因此，您有两种方法：要么找到一种以适合您的方式绘制字符的字体，然后强制使用，要么 give-up 为这些字形使用 unicode 字符并使用内联图像相反。
您可以使用可以在 HTML 标记本身中编码的 SVG 绘图，这将确保外观一致。
当我注意到 ios chrome 上的白色圆圈比黑色圆圈大时，我在我的项目中使用了黑白圆圈。
● - U+25CF ○ - U+25CB
在桌面环境中，圆圈看起来大小相同，但高度略有不同。差异不明显。
我试图让这些圆圈在 ios chrome 上的大小相同。
我觉得我已经消除了任何变量，浏览器负责这些圆圈的不同大小。
实际上，就 unicode 而言，所有字符都取决于字体。当某个字符不可用时，它会从后备字体中选取。
如果您没有配置自定义字体，或者如果这些字符在您选择的字体中不可用，那么不同大小的圆圈是 chrome/ios 使用的默认字体。
因此，您有两种方法：要么找到一种以适合您的方式绘制字符的字体，然后强制使用，要么 give-up 为这些字形使用 unicode 字符并使用内联图像相反。
您可以使用可以在 HTML 标记本身中编码的 SVG 绘图，这将确保外观一致。