saludos compañeros , estoy realizando un proyecto el cual es un listado de archivos de fuentes de texto (ttf) , estas se muestran en una lista (ul li) y a parte tengo un párrafo (<p>) con un texto largo del tipo lorem....
Bien la idea es que cuando haces click en un item de la lista de fuentes poder aplicar esa fuente al párrafo que os decía y así ver como queda el tipo de letra de la fuente.

Usando css3 tengo en mi style.css un @font-family con la ruta a la primera fuente y esta la aplico al párrafo pero no se como hacer para cambiar la ruta del @font-family para cambiar el tipo de letra y así se cambien en el párrafo, no se si me explico...

Esta es la idea pero si esta tarea se puede realizar de otra forma , me gustaría que me dierais un norte porque estoy atascado con esto , gracias de antemano.