MavonEditor icons missing in production

[vabene1111]

feature-vue3

in dev the mavon editor displays all icons correctly

in production the icons that are part of the standard editor are missing (note the two right icons are custom buttons added by me)

when inspecting the css the 'mavon-editor/dist/css/index.css' is loaded and includes the url references to the font files. The font files are also available at the given urls.

[aimok04]

Hi, I don't know if you are this far yet, but I have noticed that the "fa" class overrides the content value set by the "fa-mavon-*" class in the ::before pseudo element.

Bildschirmaufnahme.2025-04-27.um.15.47.10.mov

So I think a simple solution might be to just load the mavon editor stylesheet before font awesome.
Edit: No, sorry it wouldn't be because "fa" is of course "higher" in hierarchy

Edit 2: Ok, so putting import 'mavon-editor/dist/css/index.css' after importing vuetify in main.ts works for me, I am no expert with css hierarchy but I guess styles further down the file are more important 🤷

[vabene1111]

well that was a rather easy fix, interesting because I loaded the css in the component I would have always tought that that would have priortiy over loading it in main but it works for now. At some point I want a different editor anyway so it works for now.

Thank you so much for helping!