通过CSS的Unicode:前(Unicode via CSS :before)

2019-07-18 03:20发布

我使用的字体真棒在我的网页,我想,以显示内部的图标:before伪元素。

根据该文件/ cheatsheet文件 ,我必须键入 得到这个字体,但它不工作。 我相信,这是正常的,因为HTML实体无法支持的:before
所以,我用Google搜索了一下,发现了,如果你想在显示HTML实体:before ,你必须使用十六进制转义参考。
所以,我正在寻找的十六进制参考 但我什么也没找到。 我相信,这是因为这是“私用”的价值观,是什么意思。

有什么办法得到它的工作中:before

Answer 1:

的十六进制转义参考\f066

content: "\f066";


Answer 2:

在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 3:

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

content: "\f066";


Answer 4:

在图标字体技巧使用的代码点通常是私人使用的代码点,这意味着他们已经没有普遍定义的含义,不应该在公开的信息交换只能通过有关各方之间的私下协议来使用。 但是,私人使用的代码点可以表示为其他任何Unicode值,例如,在CSS使用类似的符号\f066 ,正如其他人回答。 你甚至可以输入代码点正因为如此,如果你的文档是UTF-8编码,你知道如何在你的创作环境中键入其号码任意Unicode值(当然它通常会使用符号未知显示字符)。

然而,这是不使用的图标字体的正常方式。 通常使用提供的字体和使用构造,如CSS文件<span class="icon-resize-small">foo</span> 。 然后,CSS代码会照顾在元素的开始插入符号,你不需要知道代码点数量。



Answer 5:

在HTML文件中第一个链接fontwaesome CSS文件,那么之后或像“FONT-FAMILY:‘伪类之前创建一个FontAwesome’;内容:‘\ F101’,” 然后保存。 我希望这工作不错。



文章来源: Unicode via CSS :before