我在我的網站上有一個錯誤,所有的字體很棒的圖標,雖然我加了字體真棒。這是我的地盤http://londonpostjournal.com/字體真棒圖標沒有加載我的網站
.login-top .lg-in::before {
font-family: "Fontawesome";
content: "f090";
padding-right: .3em;
font-weight: normal;
}
我在我的網站上有一個錯誤,所有的字體很棒的圖標,雖然我加了字體真棒。這是我的地盤http://londonpostjournal.com/字體真棒圖標沒有加載我的網站
.login-top .lg-in::before {
font-family: "Fontawesome";
content: "f090";
padding-right: .3em;
font-weight: normal;
}
翻閱http://fontawesome.io/ css。
你的內容應該以\
爲首,它們還提供了大量的預包裝類。你可以看看並使用它們。不需要定義你的類在大多數情況下
你的CSS應該是
.login-top .lg-in::before {
font-family: "Fontawesome";
content: "\f090";
padding-right: .3em;
font-weight: normal;
}
使用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>
希望這有助於!
你還沒有忘記包括「<鏈接的rel =‘樣式的’href =「路徑/到/ FONT-真棒/ CSS /font-awesome.min.css「> ' – GavinBrelstaff