Font Different on different browsers for personalized nav bar

[nxchauvin]

When I log into my forum with different web browsers the font is different for the top navigation bar

In Safari everything looks as it is intended
In Chrome the navigation bar looks bolded (don't like that either)
but in Firefox it is completely the wrong font.

This is my website : www.edkernels.com
This is my forum site : www.edkernels.com/forum
Here is a video demonstrating the issue : https://youtu.be/ZsqhIYulFIw

I uploaded the fonts into my forum directory and I changed the CSS in my theme to this :

@font-face{
font-family:'BebasNeue';
font-style: normal;
font-weight: normal;
src:url('fonts/BebasNeueBook.eot') 
format('embedded-opentype');
src:url('fonts/BebasNeueBook.ttf')
format('truetype');
src:url('font/BebasNeueBook.woff')
format('woff');
src:url('fonts/BebasNeueBook.otf')
format('opentype');
}


	#nav {
	font-family:'BebasNeue',sans-serif;
	width: 100%;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	background-color: #343236;
	height:95px;
	vertical-align:middle;
	position: fixed;
	z-index:999;

Thanks in advance for the help

[nxchauvin]

bump, hope someone has a solution

[nxchauvin]

bump again