Fix font-awesome firefox FOUT

fix-firefox-fout-font-awesome.html

    <script type="text/javascript">
        WebFontConfig = {
            custom: { families: [ 'FontAwesome' ],
                urls: [ '//cdnjs.cloudflare.com/ajax/libs/font-awesome/3.0.2/css/font-awesome.min.css'] }
        };
        (function() {
            var wf = document.createElement('script');
            wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
                    '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
            wf.type = 'text/javascript';
            wf.async = 'true';
            var s = document.getElementsByTagName('script')[0];
            s.parentNode.insertBefore(wf, s);
        })();
    </script>
    <style type="text/css">
        .wf-loading [class^="icon-"],
        [class*=" icon-"] {
            visibility: hidden;
        }

        .wf-active  [class^="icon-"],
        [class*=" icon-"] {
            visibility: visible;
        }
    </style>

use google webfont loader to fix firefox FOUT with font-awesome
inspired by http://www.html5rocks.com/en/tutorials/webfonts/quick/#toc-fout
and https://developers.google.com/webfonts/docs/webfont_loader