Ok so I am new to using custom fonts in websites and I have downloaded and extracted a webfont called GeosansLight.ttf.
In the index.html this is all the code I have written:
<!DOCTYPE HTML>
<html>
<head>
<meta name="description" content="#">
<title>Ivybridge Home</title>
<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
</head>
<body>
<p>example text</p>
</body>
</html>
...and in style.css:
/* CSS */
body {
font-family: GeosansLight;
}
@font-face {
font-family: GeosansLight;
src: url(GeosansLight.ttf);
}
Why isn'the custom font working?