Font not working on my page

I can't figure out why my font doesn't work.... I'm trying to apply the "Kenyancoffee" font for the .font1, .font2, .font3 Here's my code...

  <content>
                <div class="font1">
                    <p>Text to show up</p>
                </div>
                </content>

            </article>

            <article class="middlecontent"> 
                <header>
                    <h2><a href="#" rel="bookmark" title="Permalink to this POST TITLE">Our Product</a></h2>
                </header>

                <content>
                <div class="font2">
                    <p>Text to show up</p>
                </div>
                </content>

            </article>

            <article class="bottomcontent">
                <header>
                    <h2><a href="#" rel="bookmark" title="Permalink to this POST TITLE">Contact Us</a></h2>
                </header>


                <content>
                <div class="font3">
                    <p>Text to show up</p>
                </div>
                </content>

  <style>
                @font-face {
font-family: KenyanCoffeeRg-Regular; 
src: url(Madmonkey/kenyancoffee.ttf);
 }


         .font1, .font2, .font3 {
font-family: KenyanCoffeeRg-Regular;  
 }
   </style>

I'm trying to solve this for hours and I'm sure it's a little mistake.. Thank you guys!