title: Integrating FontAwesome into KendoUI CSS
body: <p>I'm working on a site that was built using ASP.NET MVC and Kendo UI.  I'm trying to add a custom icon to a button that is displayed within the Kendo UI grid but I'm stuck.  </p>
  
  <p>Here's the code in the grid to set up the button:</p>
  
  <pre><code>command.Custom("copy")
      .Text(" ")
      .Click("copyNAddEvent")
      .HtmlAttributes(new { @class = "copy", title = "Copy this event" });
  </code></pre>
  
  <p>Here's the CSS for that button:</p>
  
  <pre><code>.k-grid .k-button.copy{
      min-width: 40px;
  }
  </code></pre>
  
  <p>And here's the class in the FontAwesome CSS (which is included in the project) that I need:</p>
  
  <pre><code>fa fa-files-o
  </code></pre>
  
  <p>I'm not great with CSS, and it looks like when you use the Kendo classes, it creates a span with their icon in it.  I like the FA icon better anyway, hoping someone can point me in the right direction.</p>