Não é algo que valha a pena, mas esperemos que possa economizar cinco minutos do tempo de outra pessoa:
Mudança:
[data-icon]:before {para:
[data-fontawesomeicon]:before {e
content: attr(data-icon);para:
content: attr(data-fontawesomeicon);A mentalidade é mudar o “ícone de dados” para algo diferente e único, a fim de evitar conflito.
Então você pode usar algo como
<a href="#" data-fontawesomeicon = "f"></a>ao invés de:
'<a href="#" data-icon = "t"></a>