After uploading the ttf font file to the server, I utilized the following CSS code:
@font-face {
font-family: "fontname";
src: url("http://www.mywebsite.com/Fonts/fontname.ttf");
}
body {
font-family: "fontname", sans-serif;
}
Within the local HTML file, my setup included:
<!doctype html>
<html>
<head>
<title>title</title>
<meta charset="utf-8">
<link rel="stylesheet" href="cssfile.css">
</head>
<body>
body
</body>
</html>
I experimented with various ttf files on the server without success. Interestingly, when I placed the font in the same directory as the HTML file on my computer, it displayed correctly. Any insights into this issue would be appreciated. Thank you.