Come posso evitare di dover inserire manualmente le icone di Font Awesome?

Esiste una soluzione in jQuery molto semplice per evitare di dover inserire manualmente le icone di Font Awesome.

Possiamo implementare il seguente plugin:

(function( $ ) {
	$.fn.fa = function( options ) {
		options = $.extend({
			icon: "home",
			where: "before"
		}, options);

		return this.each(function() {
			var $element = $( this );
			var icon = "<i class='fa fa-" + options.icon + "'></i>";
			$element[options.where]( icon );
		});
	};
})( jQuery );

Esempio d'uso:

$(function() {
	$( ".title" ).fa({
		icon: "user",
		where: "after"
	});
});