Aliasing Font Awesome Class

Question

How do I properly Alisas a font awesome class such as fa fa-users to user ?

I am developing an Ext application, and I need to use font awesome icons, the following works for me:

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

However the icon to use is database result driven, hence I wish to use an alias class for fa fa-users, then I can switch classes dynamically. How do I do this.

Already tried:

Method 1

CSS:

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

Method 2

Jquery Approach to alias class

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

In both cases using as:

<i class="user></i> 

But no icon appears, I just cant figure out what I am missing.

Answer 1

you have to addClass to i instead

$('.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>