Cross browser font embedding with CSS - IE problem

HTML & CSS
1

I am in the process of creating myspace/facebook website for bands in EX Yugoslavian countries. Design as you can see bellow is not so easy to manipulate. Names of the bands and few other details are using font embeds.

http://revolucionar.com/html/band.htm

You can see that top header font “digitron sound system” is using:

<h2 class="HelveticaNeueLTPro-HvCn">DIGITRON SOUND SYSTEM<span style="">Dub / Reggae / Roots Music bend Zagreb, Hrvatska</span></h2>

I have converted font to suit all browsers and CSS should be in order as follows:

}
@font-face {  
	  font-family: " HelveticaNeueLTPro-HvCn ";  
	  src: url( HelveticaNeueLTPro-HvCn.eot ); /* IE */  
	  src: local(" HelveticaNeueLTPro-HvCn "), url( HelveticaNeueLTPro-HvCn.ttf ) format("truetype"); /* non-IE */  
	}  
	  
.HelveticaNeueLTPro-HvCn { 
    font-family:" HelveticaNeueLTPro-HvCn ", verdana, helvetica, sans-serif;
	font-size: 32px;
	color:#FFF;
	}

Everything seems in order besides IE browser (I think in all versions). If anyone has any idea it would help me greatly since I am overloaded with extensive work on this project. Thanks.

2

No problem. It was the space between ( HelveticaNeueLTPro-HvCn.eot ) so it should be (HelveticaNeueLTPro-HvCn.eot). :slight_smile:

3

Go ahead and tell us what the simple error was. Someone somewhere will have done the same thing (even a typo) and may not find theirs as you have found yours : )

4

Ah, awesome. IE has (or had?) a similar problem with background declarations:

background: url(someimg.png)left top no-repeat;
the lack of a space between closing parens and “left” screwed with IE’s head.

Glad you posted, that should not normally be an “error” and so others may well not discover this!

5

Thanks guys. Problem fixed as always it was simple error.