javascript - 在旧浏览器中显示表情符号

Question

假设我的网站中有一些特殊字符，例如👍。不幸的是，虽然像这样的图标非常有用，但它们并不适用于所有浏览器。

对于那些不显示的浏览器，我有什么选择？是否可以使用 JavaScript 将它们替换为更友好的东西，例如 + 符号？我可以以某种方式破解网站来加载额外的字符集吗？显然我可以使用图像，但现在，如果可以的话，我宁愿避免这种情况 - 我希望它与周围的文本颜色相匹配，并且该文本可能会发生变化。

感谢您的帮助!

Answer 1

“👍”U+1F44D 竖起大拇指之类的特殊字符大多不起作用。这主要并不取决于浏览器，而是取决于字体:很少有字体包含此类字符，并且您不能指望 Joe Q. Public 的计算机包含其中任何字符。在实践中，例如U+1F44D 可以在 Segoe UI Symbol(可能预装在最新的 Windows 系统中)和 Symbola(需要用户下载的免费字体)中找到。有关一般性，请参阅我的 Guide to using special characters in HTML .

当然可以使用 JavaScript 将特殊字符替换为其他字符，但没有简单的方法来决定何时需要这样做。总是这样做会使特殊字符的使用变得毫无意义。检查系统是否具有包含字符的字体是很棘手的。 – 请注意，在 JavaScript 中使用像 U+1F44D 这样的字符需要小心，因为它是非 BMP 字符，并且对应于 JavaScript 字符串的两个连续组件，即高代理代码单元和低代理代码单元。

使用图像是一个自然的选择，尽管它需要小心(图像应该足够大并缩小以匹配文本字体大小)。不同的文本颜色需要不同的图像，因为恐怕 CSS 缺乏给图像着色的实用工具。

您可以通过@font-face使用可下载的字体(网络字体)。对于 U+1F44D，Symbola 似乎是唯一的选择。它相当大，但现在可能还不算太大。