Global font for all my stories 6.1.15

[JohnCasab]

Hello Storybook community,

I have build a vue-storybook, and tried to add my global font to my stories, but without any luck.

The font I want is:
font-family: "Academy Sans", Arial, sans-serif"

I did accomplish adding my font to the sidebar, by using the following link:

https://storybook.js.org/docs/react/configure/theming

But I have tried to add preview-body.html with style tag and added font-family field, and also tried to make custom.css file and imported that to preview.js, nethier of these approaches has solved my problem.

System:

Node version: v15.4.0
NPM version: 7.0.15
Yarn version: 1.22.10
Eslint local version: 7.2.0

[JohnCasab]

I solved this issue by overriding, start with creating a src/assets/custom.css file and added the following:

html body *{
    font-family: Academy Sans, Arial, sans-serif !important;
}

And imported this file(custom.css) in .storybook/preview.js.