I have been attempting to incorporate a custom font into a website that I am developing using @Font-Face, but unfortunately it is not functioning as expected. Even though I followed the instructions provided in the link above, the font does not seem to be working.
Here is my code:
@font-face {
font-family: 04B;
src: url("04b.ttf") format('truetype');
}
table {
margin:auto;
text-align:center;
font-size:40px;
font-family: 04B;
table-layout: fixed;
width: 100%;
}
h1 {
text-align:center;
font-size:50px;
font-family: 04B;
}
<h1>The issue here is that the font appears exactly like the default one even after adding a custom font</h1>
Furthermore, the font I am trying to utilize is a TTF font downloaded from this source. The font file is also stored in the same location as the CSS file, so I believe the path is correct.
I have tested the website on Edge, IE, and Chrome, but the problem persists...
Could there be something simple that I am overlooking?