Jump to content

Custom font not loading on one page only


mboehler3
 Share

Recommended Posts

I have a custom font that I've set in my CSS for various elements of my website, including header, footer and navigation menu. On my home page, the font is not loading and is defaulting to Arial. If you navigate on any other page within my website, the font loads as it should. Only on the homepage am I experiencing this issue, and it's only in Firefox 15 on a Mac. I've provided a screenshot from that browser. I've analyzed the code over and over and can't find any differences between the homepage and the rest of the site. Does anyone have any ideas?

post-29204-0-50955000-1349540641_thumb.png

Link to comment
Share on other sites

I'm getting a 404 error for this URL: http://santahustle.c...kins/curse.woffThe main source of the problem, it seems, is the www. on the URL. When you remove the www the font shows up properly. Perhaps you are not allowed to call fonts across subdomains. Wordpress is making requests to http ://santahustle.com while the CSS file is on http ://www.santahustle.com I think if you change the <link> element from

href="http://santahustle.com/wp-content/themes/santa/style.css"

to

href="/wp-content/themes/santa/style.css"

it will work.

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...