MyBB Community Forums
Font Different on different browsers for personalized nav bar - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: Community Archive (https://community.mybb.com/forum-106.html)
+--- Forum: Archived Forums (https://community.mybb.com/forum-143.html)
+---- Forum: Archived Development and Support (https://community.mybb.com/forum-155.html)
+----- Forum: MyBB 1.6 (https://community.mybb.com/forum-138.html)
+------ Forum: 1.6 General Support (https://community.mybb.com/forum-127.html)
+------ Thread: Font Different on different browsers for personalized nav bar (/thread-180245.html)

Font Different on different browsers for personalized nav bar - nxchauvin - 2015-09-21

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

RE: Font Different on different browsers for personalized nav bar - nxchauvin - 2015-09-22

bump, hope someone has a solution

RE: Font Different on different browsers for personalized nav bar - nxchauvin - 2015-09-26

bump again