Ciao a tutti
sono un newbie assoluto con i css, sto cercando di realizzare un css per il mio sito personale e nello specifico vorrei usare un font diverso da quelli di default, nei tutorial ho visto la direttiva font-face che mi funziona perfettamente se io definisco il mio foglio di stile dentro il blocco <head> della mia pagina web

codice:
<head runat="server">
<title>Untitled Page</title>
<style type="text/css"> @font-face { 
font-family: 'GoudyBookletter'; 
src: url(goudy_bookletter.eot); 
src: local('GoudyBookletter'), url('goudy_bookletter.ttf') format('truetype'); } 
body { margin: 10% 20%; font-family: GoudyBookletter, Verdana, serif; } 
</style> 
</head>
il problema è che io vorrei includere la specifica nel file css esterno che importerò nella pagina web con @import , il problema è che così facendo mi carica correttamente il css tranne il font! Dove sbaglio?

Grazie a tutti