为什么html代码在不同的浏览器中显示为不同的图像？

Question

（Discaimer：我只学会了单独编码并上传了一些内容。）

我为正在运行的人检索了一个符号，并使用该代码构建了一个要上传的html文件。问题是图像在不同的浏览器中以不同的方式出现。

一个临时的mwe例子。

• 在我的网站ramoneando.com
中直接观看
• 代码段：

<h1><span style="font-family:'Segoe UI Symbol';color:black;font-size:40px;">&#127939;</span>runner</h1>

• （所需）本地浏览器上的图片。

为什么会发生这种情况以及如何避免？

我实际上对这些变体没问题。更糟糕的是，有些人向右看，有些向左看。我宁愿留在第一张图片中，在黑暗的填充中并向右看。

Answer 1

问题在于并非每台计算机都安装了 Segoe UI Symbol 字体，因此不会只显示带有代码的字符＆＃127939;以默认字体。

例如，这就是我的计算机上的代码片段

（如果您有兴趣，它使用字体 Unicode Upper 。）

所以你能做的就是以下任何一个：

• 接受＆＃34; Man running＆＃34;符号在不同的字体中看起来不同，并保持它的方式

• 使用Segoe UI符号作为webfont（显示一个图标可能有点过分）

• 或制作图标的屏幕截图并将其转换为png文件。