using with font-awesome-stylus about bootstrap-stylus HOT 2 CLOSED

This question isn't really about bootstrap-stylus.

font-awesome-stylus has a few issues.

I managed to get this working by doing the following:

$fa-font-path = '../../node_modules/font-awesome-stylus/fonts'
@import '../../node_modules/font-awesome-stylus/stylus'

Note: my index.styl is located in client/styles inside my project hence the ../.. before node_modules

However this doesn't resolve the issue with the actual fonts. You need to move the fonts into a directory that matches your public server.

I made this change:

$fa-font-path = '/fonts'

I added a gulp task to move the fonts into my public/fonts folder. I actually did the same for this package too.

The other option is manually control your stylus compiler directly. I played around with using the url define rule to inline the fonts. This resolves the issues however creates a few other problems.

• You embed all fonts not just the one for a particular browser.
• Older versions of IE can't support larger base64 uris. IE8 maxes out at 64kb.

from bootstrap-stylus.

Thanks for pitching in @nw

Closing issue @fortunado

from bootstrap-stylus.