Note the font in the menu at the top of the website as well as the font in the vertical menu that starts with “Company Overview”. These fonts are CartoGothicStdBook, 1em.
Go ‘head and click on “Company Overview”. It becomes bold; CartoGothicStdBold, 1em. Note that all the other fonts remain CartoGothicStdBook, 1em.
Now go ‘head and click on “Image & Video Library”. Now look at the fonts in both menus. They have changed from the CartoGothicStdBold & Book to a plain sans-serif fallback. They remain 1em.
There’s nothing wrong with the CSS, it’s below.
Here’s the tricky part: “Images & Video Library” are on http://weitzinvestments.com while the rest of the site is on https://weitzinvestments.com. We had to do this because Vimeo, for whatever reason, didn’t like https and that’s who we use in the “Images & Video Library” section.
This is a puzzle I can’t seem to solve. I’ve tried everything I know, I’m at the end of my rope. Can anyone help?
If you look at the console you’ll see that it’s failing to load the fonts – I have no idea why.
I’ve refreshed AND incremented the css file to ensure I’ve pulled down the latest. These fonts look VERY similar, are you all sure you’re not seeing anything different? I’m going to post a screenshot. I’m using FF21 (WIN).