Hello,

I have the module working correctly with Myriad Pro Semibold displaying nicely on Firefox and Chrome.

But for some reason, this doesnt show on IE 9. It shows Time News Roman instead.



When importing the new font, i did upload the 4 versions (EOT, TTF, WOFF and SVG).

I had original file on OTF and then converted using http://onlinefontconverter.com .


I have also tested on IE 6, same story. Custom font do not come up. Arial seems to be the displayed font.




My theme's style.css file mentions font-family: Arial, Helvetica, sans-serif;

So maybe on some cases, the module doesnt have enough prevalence and the browser just picks directly from the style.css ?

Comments

sreynen’s picture

sreynen commented
Status: Active » Postponed (maintainer needs more info)

Can you possibly put this on a public URL somewhere I can access? That would be the fastest way to figure out what's happening. If that's not possible, can you upload a copy of both your style.css and the font.css file generated by the module? And also, what order are the stylesheets appearing in your HTML?

doomed’s picture

doomed commented

Hi, thanks for your prompt reply!

You can check it here: http://bit.ly/f2W943

sreynen’s picture

sreynen commented
Status: Postponed (maintainer needs more info) » Active

I haven't had a chance to check this in IE9 yet, but I was just looking at this article, which might be related:

http://www.fontspring.com/blog/fixing-ie9-font-face-problems

It sounds like CSS aggregation breaks @font-face handling in IE9, so you might try turning off CSS aggregation and see if that makes it work in IE9. That's not a real fix, of course, but it could help narrow down where the problem is.

doomed’s picture

doomed commented

Hi,

Disabling CSS Optimization on the Drupal Performance page doesnt seem to make any difference.

The website currently has it disabled and as you will be able to see, IE 9 still does not display the correct font.

doomed’s picture

doomed commented

Hi,

Whats the status on this?

sreynen’s picture

sreynen commented

I haven't had a chance to try this yet.

sreynen’s picture

sreynen commented
Status: Active » Fixed

I just looked at this again and realized you mentioned it also doesn't work in IE6, which is much easier for me to test. I've been able to reproduce this in IE6, but only with the specific font you're using. Other fonts I've tried work fine, which made me think the problem is with that specific font.

I recreated that font by downloading it from here:

http://www.azfonts.net/load_font/myriadpro-semibold_opentype.html

And creating the various formats here:

http://www.fontsquirrel.com/fontface/generator

Unlike the version I downloaded from your site, that version works in my IE6.

I then did the same test using http://onlinefontconverter.com for conversion, and it failed. So I think the problem is http://onlinefontconverter.com doesn't create EOT files correction. I'd suggest using http://www.fontsquirrel.com/fontface/generator instead.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

doomed’s picture

doomed commented

Hi,

This is OLD but I just tested the latest version of fontyourface today (6.2.10), along with a new font generation from the fontsquirrel.com generator (as suggested by sreynen) on the same site i posted about (in my OP) and fonts are now showing fine :)

Tested on IE 6, IE 9, FF 10 and Chrome.

dgtlmoon’s picture

dgtlmoon commented

Seems not all WOFF/EOT's are created equal, I had the same problem on 7.x and after finding the original font at extortionate rates from Linotype everything worked perfectly