Have Geek Brain

How to make text the same in IE and Mozilla?

So, there are two problems here:

  • why it looks different (in IE it is bolder, smoother)

  • How to make Mozilla rendering look like IE and what impact this solution has (I was looking for minimal changes, so solutions like flash, silverlight or using images are out of the question)

+1


a source to share


4 answers


Not really a "minimal change", but some fonts and sizes look better / more consistent than others. I couldn't tell which combinations were off my head, but I noticed that some fonts render much more bold at 16px than at 15px. Experiment and you may find something to live with. Alternatively, try loading a different font in IE using conditional comments.



+1


a source


IE looks different because it uses "Clear Type" to render fonts, even if not enabled in the system environment on Windows. It is not something that you, as the web page server, can control, but rather the client machine and browser.

If you want Firefox to look like Windows, open "Display Settings" → "Appearance" - "Effects" → "Use the following method for smooth edges of screen fonts" and select "Clear Type". This should use the same font smoothing effect for Firefox. But as I said, it is up to the end user and not the web page server.



This site gives a good comparison of font rendering across different browsers.

+3


a source


You can't, if you can't convince Microsoft to use the Mozilla rendering engine or vice versa. Therefore, if you do not use your solutions "from the question", this will not happen. The highlighting of fonts is not under the control of the web designer.

+1


a source


I know you mentioned that Flash is out of the question, but you considered sIFR .

It's great for non-flash browsers and looks the same in supporting browsers.

0


a source






More articles:


All Articles