Fonts setup custom #setup

Fonts setup custom

got to this site to conver it to woff 

https://transfonter.org/

once is converted grab all the from the zip

The modified code snippet should look like this: put the font in the public directory 


example
in the css 

@font-face {
    font-family: 'Neue Montreal';
    src: url('NeueMontreal-Light.woff2') format('woff2'),
        url('NeueMontreal-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


.your-style {
    font-family: 'Neue Montreal';
    font-weight: bold;
    font-style: normal;
}

in html
<link rel="preload" href="NeueMontreal-Bold.woff2" as="font" type="font/woff2" crossorigin>