2017-03-20 41 views

回答

0

翻閱http://fontawesome.io/ css。

你的內容應該以\

爲首,它們還提供了大量的預包裝類。你可以看看並使用它們。不需要定義你的類在大多數情況下

你的CSS應該是

.login-top .lg-in::before { 
    font-family: "Fontawesome"; 
    content: "\f090"; 
    padding-right: .3em; 
    font-weight: normal; 
} 
0

使用FontAwesome的CSS content的問題是,你需要逃生它與一個反斜槓:

content: "\f090"; 

還要注意你c一個簡單的使用圖標與類fa-[ICON],其中[ICON]相當於要使用(在這種情況下,sign-in)圖標的名稱,從而避免了需要使用的所有任何CSS:

.css::before { 
 
    font-family: "Fontawesome"; 
 
    content: "\f090"; 
 
    padding-right: .3em; 
 
    font-weight: normal; 
 
}
<head> 
 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> 
 
</head> 
 

 
<body> 
 
    <i class="fa fa-sign-in"></i> Icon Usage 
 
    <div class="css">CSS Usage</div> 
 
</body>

希望這有助於!