When attempting to implement a custom font on my website using the CSS file, I am having trouble getting it to display correctly. Instead of seeing the desired font, only the default font is showing up. Can someone please review the CSS code below and let me know if any changes are needed? Thank you! :)
@font-face {
font-family: Myriad Pro;
src: url('Myriad.ttf');
}
#voicetext{
color:#127bb9;
font-size:16px;
font-family:"Myriad Pro";
text-align:center;
letter-spacing:3px;
}