Duda con Csss3 @face font

[intiweb]

Hola.
Estoy intentando utilizar una fuente particular en mi pagina web y para eso utilizo @face font.
La duda es la siguiente:

si lo declaro de la siguiente manera:
en un archivo .css definido lo siguiente:

Código CSS:

@font-face {
   font-family: JasmineUPC;
   src: url(../fuentes/upcjl.ttf);
}
 
main div#titulo{
 
    position: relative;
    height: 50px;   
    
    padding-top: 0px;
    margin-left: auto;
    margin-right: auto;
    top: 30px;
 
    text-align: center;
    font-size:80px;
    font-family: JasmineUPC;
    font-style: none;
    text-shadow:0px 0px 30px #000;
    text-decoration: none;
    color: #FFFFFF;
 
    z-index:0;
}
 

Y luego en el html defino el div de la siguiente manera:

Código HTML:

<div id="titulo">Bio construcción</div> 

Lo que obtengo como resultado es la funte que cargue pero un poco mas chiqua y en bold.

Ahora si al @font face le agrego el bold de la siguiente manera:

Código CSS:

@font-face {
   font-family: JasmineUPC;
   src: url(../fuentes/upcjl.ttf);
   font-weight: bold;
}
 

entonces la fuente se ve bien sin el bold pero cuando le pongo la etiqueta <b></b> al texto tampoco se ve como bold.

Alguien sabe porque este comportamiento al reves y extraño ?