2016-03-29 18 views
3

我正在阅读Font-Awesome的代码,它是一个库(根据我的理解)会覆盖Bootstrap的某些部分以修改某些代码。应用于css时, f有什么影响?

有一个叫FA-的Twitter类,在字体 - 真棒创建:

.fa-twitter:before { 
    content: "\f099"; 
} 

我不明白\ F IN:这种情况是干什么的,并在正在使用的号码“099”。我试图在Github上搜索Font-Awesome,也许想到了.fa-twitter是在其他地方定义的,或者是可以使用的数字,但是到目前为止我还没有发现任何东西。

+0

这是ASCII不是字面检查@Justinas回答 –

回答

8

重要的不是\f。它是Unicode字符代码。

\f099意味着It's not literal "f099" but Unicode value of "f099"

Table itself

例子:

#first:after { 
 
    content: "\0178" 
 
} 
 
#second:after { 
 
    content: "0178" 
 
}
With "\": <i id="first"></i> 
 
<br/>Without "\": <i id="second"></i>

+1

您还可以看到FA的Unicode值具体为:https://fortawesome.github.io/Font-Awesome/cheatsheet/ –

+0

当在Codepen上使用这个库并运行它,我得到一个空的矩形形状,这是查找f099的ascii值的结果。为什么它不是Twitter Bird的符号?我的浏览器是否应该知道翻译f099的价值? –

+0

@AllisonStafford您是否在代码笔中添加了Font Awesome cass?如果你检查我的引用表,你会看到'f099'在私人部分。这意味着默认的Unicode表没有任何值,可以用于其他值。 – Justinas

1

这不是 'F',它是非常重要的内容:

如果你有这样的代码:

<p class="email">[email protected]</p> 

你只是获得的电子邮件地址:[email protected]

但是,如果你在CSS补充一点:

.email:before { 
    content: "Email: " 
} 

你会得到Email: [email protected]无需对HTML的任何变化。

在这种情况下,它将添加一个符号,由代码F099表示。换句话说,Twitter的小鸟:enter image description here

相关问题