無法以＆＃xf283「data-xxx =」

Question

這樣的方式使用Unicode的FontAwesome編碼首先，我很抱歉，我的英文不好。我使用機器翻譯的方式。

HTML：

<li class="payrecord-col" data-tags="&#xf283;"> 
    ... 
</li> 

CSS：

.payrecord-row .payrecord-col:after { 
    font-family: 'FontAwesome' !important; 
    font-style: normal; 
    content: attr(data-tags); 
    display: block; 
    width: 30px; 
    height: 30px; 
    border-radius: 30px; 
    text-align: center; 
} 

在這種情況下，我發現呈現的頁面不顯示圖標FontAwesome。

像這個問題想問你的朋友是否有解決方案？

非常感謝。

Answer 1

我不知道是否有使用fontawsome其他的方式，我卻用它真的很不同，在HTML：

它包含：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> 

比在要使用

<li><i class="fa fa-camera-retro fa-lg"></i></li>