How can I use Font Awesome (or other font icons) instead of the jQuery sprites in Primefaces DataTable?

Question

I\'m using PrimeFaces to generate a datatable. The default sorting icons are chevrons from the JQuery library but as they are not Vector they look ugly. I wan\'t to replace

Answer 1

here is an example:

.ui-paginator-first.ui-state-default.ui-corner-all:before{
    content: "\f049";
    font-family: FontAwesome;
    color: white;
}

you can find the codes you cann add for content instead of "\f049" in the font-awesome website http://fortawesome.github.io/Font-Awesome/icon/pencil/

the :before is important behind the css class