为什么我的 iPhone 上的菱形标志看起来很奇怪？

【问题标题】：Why diamond sign looks weird in my iPhone?为什么我的 iPhone 上的菱形标志看起来很奇怪？
【发布时间】：2018-07-11 18:25:27
【问题描述】：

我有一个类似于 SO 的网站。版主的名字末尾有一个菱形标志。 Bud 我不知道为什么它在我的 iPhone 上看起来又红又奇怪（在 chrome 上很好）。

看到了吗？它看起来又红又大。为什么？我该如何解决？注意到 SO 在我的 iPhone 上看起来不错：

我的风格也和SO一样：

.mod-flair {
  color: #07C;
  margin-left: 3px;
  font-weight: bold;
  font-size: 15px;
  line-height: 8px;
  margin-right: 4px;
}

【问题讨论】：

【解决方案1】：

我从 SO 复制/粘贴了相同的字符

这很可能是问题所在，因为您将其留给浏览器来对字符进行编码。我建议明确地使用字符实体。 Stack Overflow 使用&#9830;

&amp;#9830;

【讨论】：

另外请注意，这颗钻石在 SO 中看起来（有点）又细又长，但我的看起来像一个旋转的正方形。知道为什么吗？
可能是由 line-heights 或 font-size 或各种文本渲染问题引起的。如果您想尝试不同的钻石实体，这里有很多：alt-codes.net/diamond-symbols
将角色写成角色与实体不会有任何区别。实际的问题是错误的字符。
@SLaks 但我的问题通过使用&#9830; 而不是♦ 解决了。
@SLaks 好吧.. 你是对的.. 在某些设备上它仍然看起来像一个大红色菱形(iPhone 6s)（你可以用 iphone 打开this移动，你会明白我的意思）。知道我该怎么做吗？