hi new to css3

i cant see why this wont work

*the font is in the root folder,
*The font is otf and compatible

I have suspisions about the url reference

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="joe.css" type="text/css" media="all" />
</head>
<body>
<div class="pic">
why wont this work
</div>
</body>
</html>
--------------------------------------
@font-face
{
font-family: Chunkfive;
src: url ('Chunckfive.otf');
}

.pic
{
font-family: Chunkfive.otf;
}