Menu
I bet this is a pretty common question, which I think can't be solved, but at least I'll try.
Check this image out:
Go to the following URL for a larger image: http://i.imgur.com/nHPNr.jpg
HTML code:
<div style="font-family: Arial, sans-serif; font-size: 60px; letter-spacing: 0px; padding: 0; margin: 0;">TEXT GOES HERE</div>
As you can see, the font doesn't look the same. Is there any way to solve this problem?
Any ideas?
796
Chosen solution You can check in the Rules tab in the right panel in the Inspector what font-family is used for selected text. You can check in the Font tab in the right panel in the Inspector what font is actually used because Firefox might be using a different font than specified by the website.
As Microsoft created Internet Explorer for their Windows software, it would only work with Windows. On the other hand, there are versions of Firefox for Windows, Macs, and even different Linux distributions. There are many reasons why Firefox, and other alternative browsers, flourished; the first is speed.
Firefox Sharp Sans is the distinctive font used to create the logo lockups for Firefox products.
In Firefox products we use the standard typeface for each platform. Segoe UI is the typeface used on the Windows platform.
There is one way to solve the problem: Make it an image.
How text is rendered depends on a lot of factors, like the fonts installed, operating system, rendering calibration, font smoothing and rendering parameters. If any of those parameters differ, the result differs.
If you examine your image, you will see that the browsers use different parameters for font smoothing, and other parameters may also differ.
You simply can't expect an identical result when rendering text in different browsers.
143
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
