font-face: I don’t know if I used it right

This is what I first did… it removes the flag ‘ensure text remains visible during webfont load’. But, I don’t know if this is correct.

@font-face {
  font-family: myFirstFont;
  src: url('Akshar-Bold.ttf'),
  url('Akshar-Regular.ttf');
  font-weight: normal;
  font-display: fallback;
}

I tried this but it slows down the performance on lighthouse. This is the first time I’m using font-face so I really have no idea what I’m doing… ˙◠˙

@font-face {
  font-family: 'myFirstFont';
  src: url('Akshar-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: 'myFirstFont';
  src: url('Akshar-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: fallback;
}