how to setup fonts

[tgmarinho]

Hi, I need to setup font Inter in the project. I am building a lib javascript that uses cssinjs/jss for style.

my lib will be installed in the front end, when the user calls some method inside of the lib, a modal will popup.

This modal is styled with jss, but I don't know how to setup the fonts on this project.

How to do that?

I have this:

JSS.setup(preset())
const globalStyleSheet = JSS.createStyleSheet(globalCrowStyles)
const key = { name: 'globalStyle' }
// Manager is used to prevent append style more than one time
const manager = new SheetsManager()
manager.add(key, globalStyleSheet)

globalCrowStyles.js

export const globalCrowStyles = {
  crowModalWrapper: {
    position: 'fixed',
    top: '0',
    bottom: '0',
    left: '0',
    right: '0',
    display: 'flex',
    flexDirection: 'column',
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#00000080',
  },
... // more styles

Where should I put the fonts?

[tgmarinho]

https://cssinjs.org/jss-syntax/?v=v10.4.0#font-face