Estilos css3, adjuntar varias fuentes a la misma vez y asignárselos a párrafos diferentes @font-face

Tengo 2 fuentes descargadas y quiero agregarlas a mi página web, a dos párrafos diferentes, estoy utilizando la propiedad @font-face:

@font-face{
font-family: kava;
src:url(fonts/Kavivanar-Regular.ttf) format("truetype");

font-family: robot;
src:url(fonts/Roboto-Regular.ttf) format("truetype");
}

luego tengo 2 id diferentes para cada uno de los parrafos

#parrafo_1{
font-family: kava;
font-size: 20px;
}

#parrafo_2{
font-family: kava;
font-size: 30px;
}

Mi pregunta es:

1) ¿Está bien hecho así?

2)Solo consigo que se ponga un párrafo con una de las fuentes, el otro párrafo parece ser que la sobreescribe o lo machaca.