Unicode通过CSS:之前
我在我的网页上使用了Font Awesome ,我想在:before
伪元素中显示一个图标。
根据文档/
,我必须input
得到这个字体,但它不工作。 我相信这是正常的,因为HTML实体不支持:before
。
所以我google了一下,发现,如果你想在:before
显示HTML实体,你必须使用转义hex引用。
所以我正在寻找hex的引用
但我什么也没find。 我相信这是因为这些是“私人使用”的价值,不pipe是什么意思。
有没有什么办法让它在:before
工作?

的转义hex引用 是\f066
。
content: "\f066";
在CSS中,FontAwesome Unicode只在声明了正确的字体族时才起作用:
font-family: "FontAwesome"; content: "\f066";
Fileformat.info是这个东西的一个很好的参考。 在你的情况下,它已经在hex,所以hex值是f066
。 所以你会这样做:
content: "\f066";
在图标字体技巧中使用的代码点通常是私用代码点,这意味着它们没有一般定义的含义,不应该在公开的信息交换中使用,只能由相关方之间的私人协议来使用。 但是,私人使用代码点可以表示为任何其他的Unicode值,例如在CSS中使用符号如\f066
,正如其他人已经回答。 如果你的文档是UTF-8编码的,你甚至可以input代码点,并且你知道如何在你的创作环境中按照它的编号键入一个任意的Unicode值(当然,它通常会使用一个未知的符号来显示字符)。
但是,这不是使用图标字体的正常方式。 通常,您使用字体提供的CSS文件,并使用像<span class="icon-resize-small">foo</span>
。 然后,CSS代码将在元素的开始处插入符号,而不需要知道代码点号码。