Headline changes font by itself?

Hi

I have a rather unique problem. The site is located at http://www.locomotivemarketing.com If you take a look at the headline in the hero section on the home page you see a big font if you click the about page and then go back to the home page you see that the font on that hero section has actually changed. Now here is the thing. The correct font is the one it’s supposed to be after the font changes itself.

Where have I gone wrong here and why is the font changing and I should add. This is a Firefox only issue. In Chrome is does not do this.

Thanks

Maybe it relates to this code being in the body rather than the head.

<link rel="stylesheet" type="text/css" href="http://locomotivemarketing.com/wp-content/plugins/slidedeck-lite-for-wordpress/skins/slidedeck-classic/skin.css?v=1.0" media="screen" /><!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="http://locomotivemarketing.com/wp-content/plugins/slidedeck-lite-for-wordpress/skins/slidedeck-classic/skin.ie.css?v=1.0" media="screen" /><![endif]-->

Also, that stylesheet does not appear to be loaded in the About Us page, and as there is one for the Slidedeck already in the head, the one in the body may be redundant.

Hi All,

To update the post it’s actually all headline on the front page if you take a look at the bottom 3 column layout of the page you see the font changes after you have gone to another page and you go back to the homepage. here is the css in question. And this still seems to be a Firefox only issue. I have also attached a 2 photos so it’s eaiser to see what I’m referring to. The second photo is the way it should look

h1.hd_txt1 {
    border-bottom: 1px solid #CBCBCB;
    color: #545454;
    font-family: 'HelveticaNeueLTStd47LtCn';
    font-size: 26px;
    line-height: 26px;
    padding-bottom: 14px;
}

Also here is the code that pulls in these fonts.

@font-face {
 font-family: 'HelveticaNeueLTStd47LtCn';
 src: url('fonts/helveticaneueltstd-ltcn-webfont.eot');
 src: url('fonts/helveticaneueltstd-ltcn-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/helveticaneueltstd-ltcn-webfont.woff') format('woff'), url('fonts/helveticaneueltstd-ltcn-webfont.ttf') format('truetype'), url('fonts/shelveticaneueltstd-ltcn-webfont.svg#HelveticaNeueLTStd47LtCn') format('svg');
 font-weight: normal;
 font-style: normal;
}

What would cause Firefox to do this?

As stated above, the style sheet LINKs belong in the head.

After totally deactivating the plugin all of that code is removed as well as the slider. Same problem back to square one. Is it an issue with how firefox calls imported fonts

Hi,

I’m not sure if this is the issue but this page (http://www.locomotivemarketing.com/) doesn’t work and [URL=“http://locomotivemarketing.com/”]this page (locomotivemarketing.com/) does work. If they are different domains then Firefox won’t serve the font files ([URL=“https://developer.mozilla.org/En/HTTP_access_control”]font files must be on the same domain as the page using them).

Hi Paul,

Thanks for showing that example. I did see the difference right away. Would a simple redirect be in order here?

This really isn’t my area so you would be better looking at the official documentation for a solution using access control headers.

Others have had [URL=“http://tech.davemx.com/2010/firefox-font-face-not-working-on-different-domain/”]similar problems.

To be brutally frank, the code for that page is rife with everything WRONG with web development today; endless massive div’s wrapping elements for nothing, unique CSS being loaded willy-nilly all over the place, endless ID’s for NOTHING, jumping the gun with the HTML 5 lip service doctype when it doesn’t even use any of that HTML 5 nonsense – you’d almost think it was a turdpress template. Debuggging anything in that train wreck would be so much effort, it would probably be faster to throw it all away and write it over from scratch.

… and that’s before we talk the accessibility train wreck of absurdly undersized fixed metric fonts, annoying fixed width that’s not even 1024 friendly, and non-graceful degrading scripts.

Deathshadow: OUCH!!! But in all seriousness I just took this over from a development firm in India and it’s been nothing but issues. Guess you hate Wordpress lol.

Paul: Thanks for the links I’ll check them out and see how everything goes from there and I’ll report back on a fix.