fonts in meteor /public directory

[macrozone]

Hi guys,

I have fonts in the /public directory of meteor, say in /public/fonts/myfont.ttf

I now declare font-face in a scss file like this:

@font-face {font-family: 'myfont';
  src: url('/fonts/myfont.scss');
}

Using absolute paths like above works fine locally in meteor and in storybook.

However, if i publish this to github pages (to company.github.io/myproject/), the fonts will not load, because they are resolved to company.github.io/fonts/myfont.scss instead of company.github.io/myproject/fonts/myfont.scss.

I therefore tried to change to relative paths, but i did not manage to have a setup, where every three environments work.

In particular webpack complains about not finding the font during build-time, when i pass a relative path. But i don't understand why webpack even tries to resolve these paths...

I also tried to add to head.html in .storybook-folder, but this will break loading js files for the static storybook. But fonts get still loaded from the parent directory.

Any idea how to deal with this?

[arunoda]

Yes. I can understand the pain. Looking for some ideas to get around with this.

[arunoda]

We are going to fix this with #344.
So, I'll move the discussion to there.