javascript - 为什么网站用图片替换unicode字符？

Question

最近在firefox中安装了NoScript插件来控制javascript的执行。我注意到一些网站使用一些花哨的 unicode 字符作为图像的占位符，一旦我允许 javascript，它们就会被图像替换。一个示例站点是 github.com，请参阅我启用 javascript 之前截取的屏幕截图。

与简单地将图片直接放在html或css中相比，这样做有什么好处？

Answer 1

网站使用一种(或多种)图标字体。

图标字体是包含图像的常规字体文件。这是一种减少 HTTP 请求并启用其他一些功能的技术。

现在，我不知道 NoScript 插件如何或为什么会打败它。 (编辑 — 它显然是一个可配置的 NoScript 选项，默认情况下处于选中状态。所有 @font-face 规则都被阻止，表面上是出于安全原因。)

在您的 GitHub 示例中，快速访问开发人员工具会发现有一种名为“octicons”的字体。