I have this example: http://mbcapps.es/desarrollo/
On the left you can see a menu.
In this menu use the font Helvetica Neue.
In Internet Explorer 10 font rendering is correct
In Google chrome also
In Opera also
In Safari for PC and MAc, is correct.
The problem is firefox (21.0, I have not been able to test in other Firefox version)
In Firefox font rendering is LOUSY.
Why?
How can I fix this problem?
Related
I am developing site using Drupal CMS. To check the look and feel I often check in firefox, Chrome and Safari. But I always find that the fonts looks deem and blurred in Chrome and safari compare to Firefox as you can see in following images.
Is there any solution for that? Thanks.
Chrome: Version 52.0.2743.116 (64-bit)
Sarafi: Version 9.1.2 (11601.7.7)
Firefox: 48.0
My current project is showing up nicely in chrome and firefox browsers but does not showing up in safari and internet explorer browsers. Here is the link for my site, http://www.grahamkellyphotography.com/landscape-photography-ireland/blog/
The issue is totally killing me as same site is working fine on other browsers but not working in safari and internet browsers.
Looks like a .js issue or conflict.
Which theme are you using? Is the theme working in safari and IE in the original theme demo?
I'm trying to use custom font for my client live website. The font is working properly in Chrome, Safari, Opera as well as in IE but not working in Firefox.I follow the Manuel solution that works fine but when I see the firefox network log it show that loaded font size is only 0KB. If I directly open the font link it start downloading font with it's original size.
Basically the #font-face is working fine in Chrome and Firefox but not working properly in Internet Explorer. If someone could take a look at it www.serialquilting.com and advise what the issue might be that would be great.
Yes, this is likely because Internet Explorer needs a different font format. There's a great tool for this:
Font Converter
Internet Explorer will work nicely with Embedded OpenType (EOT), and Open Font (OFT)
I'm working on a tag-could style menu on a website: http://web12.leankursus.dk/
It works in chrome, (currently) has some minor problems in firefox and some larger problems in IE (9). The main problems seems to be that IE doesn't make the font as bold as Firefox and Chrome. The font need to look like it does in FF or Chrome, but I am unsure what you do when the browser just displays it diffrently
Hope you can help me.
EDIT: Screenshot of the page in IE9 and Chrome: http://i.imgur.com/1fgwX.jpg
EDIT2: Ah! I've realized I was running IE9 in compatibility mode. Turning that off fixes it in IE9. However - is there any way to make the font work in at least IE8 ?
IE8 and lower don't support .ttf files for the #font-face clause. Use .eot files for IE.
There are some problems with getting it to work in different browsers simultaneously though. Read, for instance, this.
http://readableweb.com/mo-bulletproofer-font-face-css-syntax/