Fonte com @font-face

Olá gostaria de saber o que estou fazendo de errado no código abaixo... no meu local não fica com as fontes do ubuntu.

<div class="categoria-celula">
 Móveis
</div>

E no meu CSS coloquei o seguinte:

<style type="text/css">

@font-face {

 font-family: myFirstFont;
 src: url([http://www.megaself.com.br/wp-content/fonts/Ubuntu-L.ttf);](http://www.megaself.com.br/wp-content/fonts/Ubuntu-L.ttf);)
}

.categoria-celula{
 width: 800px;
 height: 30px;
 background-color: #47B248;
 color: #fff;
 font-family: 'myFirstFont, Lucia';
 font-size: 26px;
}