search

MeteorPackaging / Font-Awesome

The iconic font and CSS toolkit
http://atmospherejs.com/fortawesome/fontawesome
27 stars 6 forks source link

Modify font face path? #10

Open ghost opened 8 years ago

ghost commented 8 years ago

Is there a way to modify the font path that the package uses?

I'd like to use an icon in an error message when the connection to Meteor fails. This doesn't work because it appears that the font is loaded only when an icon is required. In my case, the loading won't work because the server would already be down.

If recommended, maybe it makes more sense to install via npm and modify the font path as described here.

ghost commented 8 years ago

@dandv

gsabran commented 8 years ago

Running in a similar issue, I ended up using the npm package directly, and having

@import "{}/node_modules/font-awesome/less/variables.less";
@fa-font-path: "https://s3.amazonaws.com/mettavr/staticAssets/fonts/fontawesome";
@import "{}/node_modules/font-awesome/less/mixins.less";
@import "{}/node_modules/font-awesome/less/path.less";
@import "{}/node_modules/font-awesome/less/core.less";
@import "{}/node_modules/font-awesome/less/larger.less";
@import "{}/node_modules/font-awesome/less/fixed-width.less";
@import "{}/node_modules/font-awesome/less/list.less";
@import "{}/node_modules/font-awesome/less/bordered-pulled.less";
@import "{}/node_modules/font-awesome/less/animated.less";
@import "{}/node_modules/font-awesome/less/rotated-flipped.less";
@import "{}/node_modules/font-awesome/less/stacked.less";
@import "{}/node_modules/font-awesome/less/icons.less";
@import "{}/node_modules/font-awesome/less/screen-reader.less";

in a less file (which is the same as https://github.com/FortAwesome/Font-Awesome/blob/master/less/font-awesome.less but overwrites the path to the fonts)