# Compiled assets have incorrect file path

**URL:** https://discourse.roots.io/t/compiled-assets-have-incorrect-file-path/3672
**Category:** sage
**Created:** 2015-05-03T05:02:46Z
**Posts:** 11

## Post 1 by @fearlsgroove — 2015-05-03T05:02:46Z

Trying to use fancy new sage 8.2, I npm install, bower install and gulp with no other changes (so leaving it using sass), but the path to bootstrap glyphicon paths are wrong:

[http://example.com/app/themes/sage/dist/styles/styles/fonts/bootstrap/glyphicons-halflings-regular.woff](http://example.com/app/themes/sage/dist/styles/styles/fonts/bootstrap/glyphicons-halflings-regular.woff)

Am I doing it wrong or is that a bug? I also don’t see the bootstrap js files included anywhere, but I think they’re baked into main.js after gulp – that sound right?

---

## Post 2 by @erikkowalski — 2015-05-03T15:28:09Z

I’m having the same issue. Also getting the same issue with 8.1.1.

I’m also getting the same problem with web fonts in my \_global.less/scss files. I had add “…/…/” in front of the normal url ex:

src: url(’…/…/…/fonts/Aleo-Regular-webfont.eot’);

usually the file path is src: url(’…/fonts/Aleo-Regular-webfont.eot’);

they were getting the same /style/style/ in their file path, when complied by gulp

---

## Post 3 by @erikkowalski — 2015-05-03T16:01:54Z

Just did a fresh install of 8.1.0 and did not get this issue, and to double check I just did a fresh install of 8.1.1 and the bug was present, which seemed to confirm that this issue popped up in 8.1.1.

---

## Post 4 by @fearlsgroove — 2015-05-03T16:24:47Z

I was able to get around this with by adding this to common/\_variables.scss:

```
$icon-font-path: "../../../fonts/";
```

---

## Post 5 by @fearlsgroove — 2015-05-03T16:25:51Z

… but that won’t help you with your custom fonts, just the glyphicons. In compass there’s a setting for font path, but I dunno if that’s applicable here.

---

## Post 6 by @ben — 2015-05-03T16:29:51Z

[PR please!](https://github.com/roots/sage/issues/1449#issuecomment-98499593) This is a super easy fix and a great way to contribute back to the project :wink:

---

## Post 7 by @willenglishiv — 2015-05-04T05:52:08Z

I’m experiencing the same thing with using images, I’ve had to use ("…/…/…/images/ex.png") in \_global.scss to get my images to link correctly. Is there a ‘relative’ path for all assets we can set?

---

## Post 8 by @ben — 2015-05-04T12:42:59Z

I’m really confused.

CSS is compiled to `dist/styles/`

Images are compiled to `dist/images/`

You would **never** need to do `../../../images/` in your CSS. I just tested the following in `_global.scss`:

```
body {
  background: url(../images/example.png);
}
```

Works fine.

---

## Post 9 by @ben — 2015-05-04T13:30:12Z

Turns out this is a new bug! Gross. Renamed the title of this thread to reflect the issue.

> <https://github.com/roots/sage/issues/1449>
>
> One a fresh install of 8.1.1 the file path to my bootstrap glyph icons is incorrect, here's an example of of...

---

## Post 10 by @austin — 2015-05-04T16:12:32Z

I’ve got it fixed over here: [https://github.com/roots/sage/pull/1452](https://github.com/roots/sage/pull/1452)

---

## Post 11 by @willenglishiv — 2015-05-04T17:39:52Z

fantastic. Glad I’m not crazy :smile: