Use fontastic.me icon-set with flat-ui (or another bootstrap extension)

Not something worthwhile, but let's hope it might save five minutes of someone else's time:

Change:

[data-icon]:before {

to:

[data-fontawesomeicon]:before {

and

content: attr(data-icon);

to:

content: attr(data-fontawesomeicon);

The mentality is to change "data-icon" to something else and unique in order to avoid conflict.

Then you can use something like

<a href="#" data-fontawesomeicon = "f"></a>

instead of:

'<a href="#" data-icon = "t"></a>