Let font import be relative if possible

[cryptiklemur]

Description

This would allow the font import to pull from the node_modules directory relatively, instead of absolutely, for projects that use a bundler, and bundle this on their own

Specific Changes proposed

Changed import to use ~

Requirements Checklist

• Feature implemented / Bug fixed
• If necessary, more likely in a feature request than a bug fix
  • Change has been verified in an actual browser (Chome, Firefox, IE)
  • Unit Tests updated or fixed
  • Docs/guides updated
  • Example created (starter template on JSBin)
• Reviewed by Two Core Contributors

[gkatsev]

Is the ~ a known sass thing?

[cryptiklemur]

thats a good question actually. It might only be a webpack thing. Can we make this import configurable? like fontawesome does

[gkatsev]

Yup, looks like it's a webpack thing. Also, apparently, it's currently broken (see #3998).
I'm going to close this out for now.

As for making that configurable, that's probably fine as long as the default build works correctly :). Are you importing the sass directly over the pre-built files?

[gkatsev]

Might be better to move the discussion into a "make font @import configurable" issue.