无法使用优化字体作为 CSS 内容

问题描述

我正在处理的网站只使用了 Material Icons 字体集中的十几个字形。与其下载 100kB 以上,我想我会使用 fontsquirrel.com 来生成一个只包含我想要的字形的字体文件。所以我使用了专家设置,并为我需要的每个字形输入了 unicode 值。

当我使用(我假设是)HTML 编码的 Unicode 将字形放入 HTML 时,这会起作用,例如

但是,当尝试使用 :before 伪类时,找不到字形:

.delete:before {
    content: '\e872'
}

如您所见,我使用的是删除垃圾箱图标的代码点值。

我假设我在这里做错了什么,或者字体生成器从字体文件中剥离了一些东西,阻止了 unicode 值被映射到字形。后者基于每个字形的文本表示(例如“删除”)也不起作用。前者基于经验。

我也尝试过使用 transfonter.org,但结果相同。

那么,有没有办法让它发挥作用,或者有没有其他方法可以做到这一点?

解决方法

叹息。正如预期的那样,用户错误!

我正在对一个网站的 CSS 进行逆向工程,并没有发现我没有为我使用它的元素指定字体系列。

从好的方面来说,我现在有一个 4KB 而不是 104KB 的可用字体。