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;
}