我正在一个音乐相关的网站上工作，并且经常使用 HTML 特殊字符来表示升号 (♯) 和降号 (♭) 来保持美观，例如：
♯
♭
但是，我注意到在某些浏览器（IE6、PC 版 Safari）中不支持这些字符。我创建了一个条件 javascript，它提供普通的、受支持的字符代替特殊字符（ G# 代表 G♯ 和 Bb 代表 B♭ ）。但是我很难弄清楚如何检测哪些浏览器缺少这些字符。
我知道我可以测试浏览器（例如 ie6），但我希望做正确的事情并测试字符支持本身。
有谁知道使用 javascript、jQuery 或 rails 来做到这一点的好方法吗？（该页面由 Rails 应用程序提供服务，因此请求对象和任何其他 Rails 魔法都在桌面上。
如果您创建两个 SPAN，一个包含您想要的字符，另一个包含不可打印的字符 U+FFFD ( ) 是一个很好的，那么您可以测试它们是否具有相同的宽度。
<div style="visibility:hidden">
<span id="char-to-check">♯</span>
<span id="not-renderable">�</span>
</div>
<script>
alert(document.getElementById('char-to-check').offsetWidth ===
document.getElementById('not-renderable').offsetWidth
? 'not supported' : 'supported');
</script>
您应该确保 DIV 没有使用固定字体设置样式。
“浏览器支持”不是这里的问题。您应该将文件作为UTF-8 * 提供，并使用适当的字符而不是 HTML 实体。
您还应该确保以UTF-8（而不是 ASCII 或 ISO-8859-1）保存您的文件。
另请参阅：必须提及的Joel 关于软件：每个软件开发人员绝对、肯定必须了解 Unicode 和字符集的绝对最低要求（没有任何借口！）。
*我不是 Rails 专家，但我认为它默认是这样做的。
你应该做的是使用 css 的unicode-range：
@font-face {
font-family: 'MyWebFont'; /* Define the custom font name */
src: local("Segoe UI Symbol"),
local("Symbola"),
url('myfont.woff2') format('woff2'),
url('myfont.woff') format('woff'); /* Define where the font can be downloaded */
unicode-range: U+266F, U+266D; /* Define the available characters */
}
body {
font-family: 'MyWebFont', Arial;
}♯
♭
Normal text在local块中，定义人们可能在本地安装的字体并包含您想要的符号（如 Window 的 Segoe UI 符号）。然后定义一个包含要显示的符号的网络字体（我建议使用Symbola）。
unicode-range 指令告诉支持的浏览器（IE9 及更高版本）不要下载字体，除非页面上存在指定的符号（您可以通过搜索Unicode-Tables找到它们的 unicode 编号。）
如果他们已经有了字体，他们就不会下载。如果该符号不存在于页面上并且您的浏览器不早于污垢，则不会下载该字体。它只会在需要时下载。
（如果你仍然想支持旧的 IE，使用fontsquirrel生成你的初始 @font-face 语句，然后自己添加local和unicode-range部分。
将此添加到您的 HTML
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
</head>
并检查 IE 和 Safari 是否正确呈现页面。