I’m having some issues with a webfont not showing up in Chrome (or any browser), but I can’t figure out why. I’m hoping someone knows better than I how to fix it. I can get one font to work, but for some reason when I attempt another, it fails to display.
CSS is thus:
src: url(‘../EdmondSans-bold/edmondsans-bold-webfont.eot’) format(‘eot’);
src: url(‘../EdmondSans-bold/edmondsans-bold-webfont.woff’) format(‘woff’),
src: url(‘../OFL-goudy/GoudyStM-Italic-webfont.eot’) format(‘eot’);
src: url(‘../OFL-goudy/GoudyStM-Italic-webfont.woff’) format(‘woff’),
I use style the elements later in the document thusly:
margin: -0.065em 0 -0.9655555em;
font: 1.7em ‘edmondsans-bold';
margin: 2.66em 0 2.48em;
font: 1.7em ‘goudy-italic';
Now here’s the weird part: Edmondsans displays fine, no problems. Goudy italic does not (it shows up as Georgia). But wait! inspection tool in Chrome says that it is indeed displaying Goudy, even though this is definitely not the case.
File structure is the same for both fonts, but again, edmond loads fine, while goudy fails. I’ve been at this for hours, and nothing’s changed, so I’m hoping someone will be able to spot an error that I’ve overlooked, or know of a fix I can’t find. Thanks!
Figured I would update this, as I got a working demo online. Inspect element says it should be referencing the right font, but it still shows up as Georgia rather than Goudy for me. Really odd and annoying. Link to online demo below. The “intro” text is the most obvious place that the issue is showing up.
[http://andrewdixondesign.com/Portfolio_Site_2013%2021-43-49/Index.html](http://andrewdixondesign.com/Portfolio_Site_2013%2021-43-49/Index.html “Demo Here”)
Looks like no dice. If it helps eliminate other possibilities, I’ve also tried other webfonts in the same place (I’ve confirmed that they work in other webpages), as well as reconverting a whole new font set via fonsquirrel. So I figured I had a messed up semicolon or something, and replaced the whole chunk of code with a copy of the working one, and only swapped out names and file locations. Still nothing.
This is just super confusing to me. Does the font show up on anyone else’s computer? I checked on my housemate’s, and it was replaced with a system font.
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".