How I can use local font in my app

[mariaamelia]

I need use a local font in my app and I dont know how to use.
I also created my file style:
@font-face {
font-family: 'myfont';
src: url('../fonts/myfont.otf') format('opentype');
font-weight: 400;
font-style: normal;
}

and in my app I used :

<style> @import url("../src/assets/css/styles.css"); </style>

and applied in my div

teste

How I can use in a global way?
I do not want to use in all the tag style="font-family: myfont;" but I want to use myfont as a global font