@font-face aplicado a checkbox não funciona Firefox

Estou tentando estilizar o checkbox com @font-face, o Chrome esta renderizando corretamente, porém no firefox não (não sei no IE pois estou rodando no Linux), segue código:

@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?tuz516');
	src:url('fonts/icomoon.eot?#iefixtuz516') format('embedded-opentype'),
		url('fonts/icomoon.ttf?tuz516') format('truetype'),
		url('fonts/icomoon.woff?tuz516') format('woff'),
		url('fonts/icomoon.svg?tuz516#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
} 

e esse:

input[type=checkbox]{-webkit-appearance: none;-moz-appearance: none;outline: none;cursor: pointer;margin: 0px;}
input[type=checkbox]:before {font-family: 'icomoon';font-size: 22px;position: relative;top: 3px; content: "\ea53";margin-right: 1px;color: #999;}
input[type=checkbox]:checked:before {content: "\ea52";color: #333;}

A fonte eu peguei no link: https://icomoon.io/app/#/select

Alguém faz ideia do que pode ser?