Ttf font isn't working!

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:




    <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">



<p>example text</p>


...and in style.css:

/* CSS */

body {

    font-family: GeosansLight;


@font-face {

    font-family: GeosansLight;

    src: url(GeosansLight.ttf);


Why isn'the custom font working?

Wrong URL? Look in the dev tools, they tell you what's wrong.