别名字体真棒等级

时间:2016-05-09 13:23:07

标签: css fonts extjs4 font-awesome

我如何正确地使用fa fa-usersuser之类的字体真棒?

我正在开发一个Ext应用程序,我需要使用字体真棒图标,以下内容适用于我:

<i class="fa fa-users"></i> 

但是要使用的图标是数据库结果驱动的,因此我希望为fa fa-users使用别名类,然后我可以动态切换类。我该怎么做。

已经尝试过:

方法1

CSS:

.user
{
font-family: FontAwesome;
   content: "\f095";
}

方法2

Jquery别名类

的方法
$document.ready(function(){
$('.users').addClass('fa fa-users');
}):

在两种情况下使用as:

<i class="user></i> 

但是没有图标出现,我只是无法弄清楚我错过了什么。

1 个答案:

答案 0 :(得分:3)

您必须addClass改为i而不是

$('.users i').addClass('fa fa-users');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css" rel="stylesheet" />
<div class="users">
  <i></i> 
</div>

相关问题