<span class="mini-icon notifications"><span>Notifications</span></span>
.mini-icon.create:before { content: "\f030"; } .mini-icon span { display: none; }
Of course, screen readers might not respect that, in which your solution would work.
http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-...