Custom fonts won't show

From DAFONT I download the Espacio font.
I than converted the font to all the regular files (ttf, eot, svg, woff) using FontSquirrel.
I than uploaded all the font files to my root (htdocs) directory.

I than imported the fonts in my style.css

@font-face {
	font-family: 'custom';
	src: url('espacio-webfont.eot');
	src: local(?ò∫'),
			 url('espacio-webfont.woff') format('woff'),
			 url('espacio-webfont.ttf') format('truetype'),
			 url('espacio-webfont.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;
}

And called for them in the subnav div (which, as I confirmed, is my navigation bar)

#subnav li a {
	display: block;
	font-family: 'custom', sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	margin: 0 80px 0 0;
	padding: 7px 12px 7px;
	position: relative;
	text-decoration: none;
}

How is it this font is still not displaying?
https://www.acupoflife.nl

Thanks in advance!