font-face no existe así que olvidate de la clase bravo. Con respecto a todo el resto, el problema es sencillo. Vos lo que estás pidiendo al navegador (tanto Firefox como Opera) es que es muestren esas letras (Q, E, R,...)
de preferencia con la letra wingdings, pero esas letras
no existen dentro esa fuente. Ejercicio muy simple: abrí el programa "mapa de caracteres" de Windows y fijate los códigos (Unicode) de caracter: para la letra Q es el 0051, y si te pones a revisar los códigos de Wingdings vas a notar que no hay ningún caracter con ese mismo código (ni siquiera cercanos). Todo el problema más más detalladamente implicaría saber sobre los juegos de caracteres sobre los que no tengo la más mínima idea. Si queres una versión más oficial, podes leer
Why aren’t symbol/dingbat fonts working?
Solución a tu problema: Usa imagenes, y para el uso que parece que planeas darle, mejor que sean de fondo.