Special Fonts Not working in IE

Hi the beautiful fonts that I see in Firefox are not showing in IE. The size and bold/regular are not consistent. This is showing up on your demo site when viewed in IE too. How do I fix this?

http://magento-themes.joomlart.com/jm_neros/index.php

Thanks,

Will

Dear vertex615,

Please go to Admin page -> System -> Configuration -> Developer and enable "Merge CSS Files"

Hope it can help you

Thanks,

Hi, I enabled merge css files, and flushed cache, but IE still not showing the special google fonts. Please help.

Thanks.

Hi, I enabled merge css files, and flushed cache, but IE still not showing the special google fonts. Please help.

Thanks.

Hi vertex615,

Would you like pm me your FTP account as well as the admin account, I then will check the issue right at your site.

Thanks,

Hi duchh,

Can you please try it out on your own demo site? and post the steps?

http://magento-themes.joomlart.com/jm_neros/index.php

I am not allowed to give out ftp access.

On homepage you will see in IE 8 that "Masterpiece on the move" and "100 Kindle Books for $3.99 or less" have different font than viewed in Firefox.

Thanks.

Hi duchh,

Can you please try it out on your own demo site? and post the steps?

http://magento-themes.joomlart.com/jm_neros/index.php

I am not allowed to give out ftp access.

On homepage you will see in IE 8 that "Masterpiece on the move" and "100 Kindle Books for $3.99 or less" have different font than viewed in Firefox.

Thanks.

Dear vertex615,

Thank you for contacting Joomlart,

I see the problem on IE 8, this is font weight problem with google font. I fixed on our demo http://magento-themes.joomlart.com/jm_neros/index.php/.

Please open file app/design/frontend/default/jm_neros/template/page/html/head.phtml and copy

Code:

<!--[if IE]>
<script type="text/javascript">
//<![CDATA[
    document.write('<link type="text/css" rel="stylesheet" href="//fonts.googleapis.com/css?family=Source+Sans+Pro:200">');
    document.write('<link type="text/css" rel="stylesheet" href="//fonts.googleapis.com/css?family=Source+Sans+Pro:300">');
    document.write('<link type="text/css" rel="stylesheet" href="//fonts.googleapis.com/css?family=Source+Sans+Pro:400">');
    document.write('<link type="text/css" rel="stylesheet" href="//fonts.googleapis.com/css?family=Source+Sans+Pro:600">');
    document.write('<link type="text/css" rel="stylesheet" href="//fonts.googleapis.com/css?family=Source+Sans+Pro:700">');
    document.write('<link type="text/css" rel="stylesheet" href="//fonts.googleapis.com/css?family=Source+Sans+Pro:900">');
//]]>
</script>
<![endif]-->

before line

PHP Code:

<?php echo $this->getCssJsHtml() ?>


Thanks,