Override font.css file permanently

Hi there,

I used this guide to add an extra stylesheet, but also need to import a new font for those changes.

I managed to do this by importing a new font inside the font.css file (in data>assets>modules>channel-web) and changing the file as follows:

/*@import url('../../ui-studio/public/external/font-roboto.css');*/
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@300;400;500;700&display=swap');

This works fine, but each time the server is restarted (currently on local), the file is set to default again.

Can someone tell me how I can avoid this? Maybe using a custom hook (as for extraStylesheet) or changing something in the config to use a new custom-font.css file instead of font.css for example.

Thankkks :slight_smile: