scss with font path variable

[xpressivecode]

Is there any chance of a scss release that includes a font path variable?

[mdo]

If anyone wants to contribute, I'd love to review a PR for this! Unsure if it's doable with Fantasticon.

[XhmikosR]

We could ask for this upstream.

[xpressivecode]

I'm unfamiliar with Fantasticon, but locally if I create a scss file with an updated font-face, I get the desired results.

$twbs-font-path: "./fonts" !default;

@font-face {
  font-family: "bootstrap-icons";
  src: url("#{$twbs-font-path}/bootstrap-icons.woff?4601c71fb26c9277391ec80789bfde9c") format("woff"),
  url("#{$twbs-font-path}/bootstrap-icons.woff2?4601c71fb26c9277391ec80789bfde9c") format("woff2");
}
...

Could the build process generate this scss file in tandem with the css file, or afterwards? Maybe tie into an after hook on the "icons-font" task.

I'd be happy to push a PR if you think this would be a suitable workaround for the time being?

[ffes]

When you search for "SASS" this issue wouldn't be shown. That's why I'm adding this comment.

[gs1-rob-392]

it could be very helpful to have a .scss file.

[rjcarneiro]

I'm facing this issue at this moment and considering not to use bootstrap icons exactly because of that. The current fonts folder is relative where the css is, in my case, all my css's are in ~/css.

Meaning, it's searching for the fonts in ~/css/fonts/bootstrap-icons.woff2 which is 💩 .

[xpressivecode]

It really would be nice to have the ability to set a path in a scss file

$twbs-font-path: "bootstrap-icons/font/fonts";
@import "bootstrap-icons/font/bootstrap-icons";

[tomkell29]

Hi,

Is there any update on this issue?

I also have the same problem as @rjcarneiro in that the css file included in the NPM package is relative to the "css" folder. A variable would be great, or even just putting ../fonts instead of singular dot would be better.