我使用的字体真棒在我的网页,我想,以显示内部的图标:before
伪元素。
根据该文件/ cheatsheet文件 ,我必须键入
得到这个字体,但它不工作。 我相信,这是正常的,因为HTML实体无法支持的:before
。
所以,我用Google搜索了一下,发现了,如果你想在显示HTML实体:before
,你必须使用十六进制转义参考。
所以,我正在寻找的十六进制参考
但我什么也没找到。 我相信,这是因为这是“私用”的价值观,是什么意思。
有什么办法得到它的工作中:before
?
的十六进制转义参考
是\f066
。
content: "\f066";
在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
Fileformat.info是这个东西一个很好的参考。 在你的情况下,它已经在十六进制,所以十六进制值是f066
。 所以,你会怎么做:
content: "\f066";
在图标字体技巧使用的代码点通常是私人使用的代码点,这意味着他们已经没有普遍定义的含义,不应该在公开的信息交换只能通过有关各方之间的私下协议来使用。 但是,私人使用的代码点可以表示为其他任何Unicode值,例如,在CSS使用类似的符号\f066
,正如其他人回答。 你甚至可以输入代码点正因为如此,如果你的文档是UTF-8编码,你知道如何在你的创作环境中键入其号码任意Unicode值(当然它通常会使用符号未知显示字符)。
然而,这是不使用的图标字体的正常方式。 通常使用提供的字体和使用构造,如CSS文件<span class="icon-resize-small">foo</span>
。 然后,CSS代码会照顾在元素的开始插入符号,你不需要知道代码点数量。
在HTML文件中第一个链接fontwaesome CSS文件,那么之后或像“FONT-FAMILY:‘伪类之前创建一个FontAwesome’;内容:‘\ F101’,” 然后保存。 我希望这工作不错。