Using CSS file with custom font?

#MYCSS{
	@font-face {
		font-family: 'phaser_bankregular';
		src: url('phaserbank.eot');
		src: url('phaserbank.eot?#iefix') format('embedded-opentype'),
			 url('phaserbank.woff2') format('woff2'),
			 url('phaserbank.woff') format('woff'),
			 url('phaserbank.ttf') format('truetype'),
			 url('phaserbank.svg#phaser_bankregular') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	color: #4CFF00 !important;
	font-size: 16px;
	padding: 8px 32px;
	border: 2px solid #4CFF00;
	background: #000000;
	background: linear-gradient(top,  #000000,  #000000);
	background: -ms-linear-gradient(top,  #000000,  #000000);
	background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#000000));
	background: -moz-linear-gradient(top,  #000000,  #000000);
}
#MYCSS:hover{
	color: #FFFFFF !important;
	background: #000000;
	background: linear-gradient(top,  #000000,  #000000);
	background: -ms-linear-gradient(top,  #000000,  #000000);
	background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#000000));
	background: -moz-linear-gradient(top,  #000000,  #000000);
}
[/code:1gyc9sus]

I am using a custom font but it doesn't seem to work

— {[/p]
	font-family: 'phaser_bankregular';[/p]
	src: url('phaserbank.eot');[/p]
	src: url('phaserbank.eot?#iefix') format('embedded-opentype'),[/p]
		 url('phaserbank.woff2') format('woff2'),[/p]
		 url('phaserbank.woff') format('woff'),[/p]
		 url('phaserbank.ttf') format('truetype'),[/p]
		 url('phaserbank.svg#phaser_bankregular') format('svg');[/p]
	font-weight: normal;[/p]
	font-style: normal;[/p]
}[/p]
[/p]
#MYCSS{[/p]
    	font-family: 'phaser_bankregular';[/p]
	outline:none;[/p]
	color: #4CFF00 !important;[/p]
	font-size: 16px;[/p]
	padding: 0px 0px;[/p]
	border: 2px solid #4CFF00;[/p]
	background: #000000;[/p]
	background: linear-gradient(top,  #000000,  #000000);[/p]
	background: -ms-linear-gradient(top,  #000000,  #000000);[/p]
	background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#000000));[/p]
	background: -moz-linear-gradient(top,  #000000,  #000000);[/p]
}[/p]
#MYCSS:active{[/p]
    	font-family: 'phaser_bankregular';[/p]
	outline:none;[/p]
	color: #4CFF00 !important;[/p]
	font-size: 16px;[/p]
	padding: 10px 10px;[/p]
	border: 2px solid #4CFF00;[/p]
	background: #000000;[/p]
	background: linear-gradient(top,  #000000,  #000000);[/p]
	background: -ms-linear-gradient(top,  #000000,  #000000);[/p]
	background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#000000));[/p]
	background: -moz-linear-gradient(top,  #000000,  #000000);[/p]
}[/p]
[/p]
}[/code:2yl19xnu]