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

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

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

我的风格也和 SO 一样：

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

标签： htmlcssiphone

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

这可能是问题所在，因为您将其留给浏览器来对字符进行编码。我建议明确地使用字符实体。堆栈溢出使用♦

&#9830;