Fonts URL is Relative instead of Absolute

[michaeltlombardi]

I've been playing around with the gestalt theme recently and noticed that the fontawesome icons weren't showing correctly - I had to go in and alter the path to the font files from ./gitbook/... to /gitbook/....

Running a build without any changes:

Fontawesome icons not rendering:

This is the combiled gitbook/style.css:

And then I update gitbook/style.css:

And here's the gitbook/style.css after my 'fix':

For reference, here's the gitbook config:

{
  "plugins": ["theme-gestalt", "expandable-chapters"],
  "pluginsConfig": {
    "theme-gestalt": {
        "logo": "/img/logo.png",
        "favicon": "/img/favicon.png",
        "doNotHideChildrenChapters" : true
    }
  },
  "root": "docs"
}

[michaeltlombardi]

It looks like that is related to this line which sets the $fa-font-path.

[antonlegoo]

@michaeltlombardi thanks for pointing this out. I've made an update that makes the Font Awesome path a variable. So in your website.scss you can overwrite the path such as:

@import "../node_modules/gitbook-plugin-theme-gestalt/src/scss/variables";

$path-font-awesome : "/gitbook/fonts/fontawesome";

@import "../node_modules/gitbook-plugin-theme-gestalt/src/scss/all";

[michaeltlombardi]

Awesome, thanks! :)