Acabo de tropezaresta pregunta y noté que el usuario está usando alguna notación que nunca había visto antes:

@font-face {
   /* CSS HERE */
}

Asi es esto@ ¿Símbolo algo nuevo en CSS3, o algo viejo que de alguna manera he pasado por alto? ¿Es esto algo así como con una identificación que usas#, y con una clase que usas.? Google no me dio buenos artículos relacionados con esto. ¿Cuál es el propósito de la@ símbolo en CSS?