Link to home
Start Free TrialLog in
Avatar of jpeezus
jpeezus

asked on

Our new Wordpress website looks perfect when you access it using http:// however when you use http://www. the menu font is different? Has anyone experienced this?

Our new Wordpress website looks perfect when you access it using http:// however when you use http://www. the menu font is different? everything else is identical except for the font in the buttons. From what we can see the site is using the same CSS file and they look identical. Has anyone experienced this before and if so what was your resolution?
Avatar of hax1
hax1
Flag of Austria image

Do you use a custom font / css file that might not be visible when accessed with the www ?

Also clear the cache of the browser, maybe it's just something left over.

If this does not help please provide the URL, then I can take a look at it.
Avatar of jpeezus
jpeezus

ASKER

if you go to http://www.battlerapstars.com the font is messed up on the buttons, but if you go to http://battlerapstars.com they aren't
Avatar of Jason C. Levine
The fonts look identical on an iPad.  I'll have to check back later from a desktop browser.

Is there a specific browser that has the problem or is it all browsers?
Avatar of jpeezus

ASKER

on my Android and a friends Iphone they look identical. On Google Chrome they look identical because google chrome handles the redirect automatically. But on Internet Explorer and Mozilla you can see the difference.
Weird.

When I look at both domains with Firebug, I see two requests for:

http://battlerapstars.com/wp-content/themes/battle-rap-stars/font-face/futura_bdcn_bt_bold-webfont.woff

and both are exactly as the above (neither one requests www.)

On www, both requests fail, one as aborted the other as 404.  On the non-www check, the first request fails with a 404 and the second request goes through and the font works.
Avatar of jpeezus

ASKER

Jason1178 Thats interesting. Im wondering why the code would not execute on one of the sites. could it be that neither one request www? and how did you find this info ----- > "http://battlerapstars.com/wp-content/themes/battle-rap-stars/font-face/futura_bdcn_bt_bold-webfont.woff"

im using Firebug on Mozilla to trouble shoot and i dont see that but i may not be looking in the correct place. I am looking primarily at the CSS
You need to activate the Net Panel in Firebug and then reload the page to see the requests.

I don't know why it would behave this way either...
Avatar of jpeezus

ASKER

What im finding when I'm using firebug to inspect the "about the game" section the box model is different. On the bad page the width is 194px and on the good page the width is 146px but they both appear to be calling the same location    
 <a href="http://battlerapstars.com/about-the-game/">About the game</a>
 <a href="http://battlerapstars.com/about-the-game/">About the game</a>

ASKER CERTIFIED SOLUTION
Avatar of hax1
hax1
Flag of Austria image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of jpeezus

ASKER

Hax1

Cool we are going to give it a shot and chime back in. Thanks
Avatar of jpeezus

ASKER

It had to do partly with security permissions
glad it works now!