HTML / CSS - @font-face non va se importato in un foglio di stile esterno

Salve a tutti,
Uso questo CSS nelle mie pagine web:
ateam.altervista.org/Styles/…

Il problema è che @font-face non c'è verso di farlo andare!
Se lo metto nel foglio di stile, non funziona, se invece lo metto dopo @import nella pagina HTML, funziona.
In poche parole:

<style type="text/css">
  @import url(/Styles/PageStyle.css);
  @font-face {
   font-family: 'Blockography';
   src: url(/Styles/Blockography.eot);
   src: local('Blockography'), url('/Styles/Blockography.ttf') format('truetype');
}
</style>

Così funziona

<style type="text/css">
   @import url(/Styles/PageStyle.css);
/*@font-face {
   font-family: 'Blockography';
   src: url(/Styles/Blockography.eot);
   src: local('Blockography'), url('/Styles/Blockography.ttf') format('truetype');
}
*/
</style>

Così non funziona
Perchè fa così? Come posso farlo andare nel foglio di stile?