Select con nombres de fuentes, y que despliegue al lado un texto de ejemplo

[Klymax]

Hola,
estoy construyendo una sección de firmas customizables a la cual los usuarios del sitio podrán enviar su nick y su slogan o un texto que quieran colocar debajo de su firma. Esto ya está hecho, pero...
nos vino la idea de que los usuarios puedan ver un ejemplo de cómo saldrá su firma.

Para ello imaginé un sistema en que el usuario coloca su nick y slogan, y luego elige el tipo de letra y color, y entonces se despliega a un costado el formato que tendrá su firma.

Deduzco que esto se puede hacer con javascript, si alguien conoce alguna clase para alcanzar esta idea, le estaré muy agradecida.

Gracias.