通过CSS的Unicode:之前

Question

我在我的网页上使用Font Awesome,我想在:before伪元素中显示一个图标.

根据文档/ cheatsheet,我必须键入以获取此字体,但它无法正常工作.我认为这是正常的,因为不支持HTML实体:before.
所以我用Google搜索了一下,发现如果要显示HTML实体:before,则必须使用转义的十六进制引用.
所以我正在寻找十六进制参考,但我一无所获.我认为这是因为这些都是"私人使用"价值观,无论这意味着什么.

有没有办法让它工作:before？

Answer 1

在CSS中,FontAwesome unicode仅在声明了正确的字体系列(版本4或更低版本)时才起作用:

font-family: "FontAwesome";
content: "\f066";

更新 - 版本5具有不同的名称:

自由

font-family: "Font Awesome 5 Free"

临

font-family: "Font Awesome 5 Pro"

品牌

font-family: "Font Awesome 5 Brands"

请参阅此相关答案:https: //stackoverflow.com/a/48004111/2575724

Answer 2

转义的十六进制引用是\f066.

content: "\f066";

Answer 3

Fileformat.info是这个东西的一个很好的参考.在你的情况下,它已经是十六进制,所以十六进制值是f066.所以你要这样做:

content: "\f066";