[VUE 3] Bryntum calendar 5 and Fontawesome 6

[luiscloud]

Hi, with brnytum version < 5 i had to import font awesome icons in my html through CDN to be able to see the icons in the calendar once the build was done (on dev mode icons appear fine).

Now with Bryntum 5 and Fontawesome 6 I try to import my "fontawesome kit" into my html but that doesn't work.

How can I fix this so that the Fontawesome 6 icons appear in the calendar after the build is done?

PD: I dont use custom icons, i only want to show default bryntum calendar icons on prod build

Thanks

[alex.l]

Please show your solution what did you do. Fontawesome 6 is by default in v5.0.
An $icon-font variable is store font name. Did you see the guide? https://bryntum.com/docs/calendar/guide/Grid/customization/iconfont

[saki]

There is no obvious reason why the production build would not show the FA icons. When I build out basic Calendar vue-3 example the fonts (fa-solid-xxxx) are copied under dist/fonts (see the screenshot) and they are (should be) loaded from there.

When deploying, do you copy also the dist/fonts directory to your server?
Are there any errors in "Network" tabs? Like getting fonts from wrong urls?

Screen Shot 2022-03-07 at 16.18.43.png (283.25 KiB) Viewed 585 times

[luiscloud]

Oh that's the problem, my deploy is a little "special" and i forget copy fonts folder. Thanks!