Я работаю над HTML-страницей, которая должна быть более или менее идеальной по пикселям, и я заметил, что в Opera 10 шрифты отрисовываются больше, чем в других браузерах, даже если размер шрифта фактически одинаков.

Пожалуйста, посмотрите этот пример страницы в Opera 10 и другом браузере, таком как Firefox 3.6:

http://troy.onespot.com/static/stack_overflow/opera_font_size.html

В качестве альтернативы вот скриншот, который иллюстрирует проблему:

http://skitch.com/troywarr/d47m1/font-size

Красные поля за текстом «50px» и «46px» (оба стиля имеют соответствующий размер шрифта) имеют высоту 50px.

В Firefox 3.6 спуск "p" в "50px" совпадает с нижней частью красной рамки позади него. В Опере спуск "p" в "50px" висит ниже; именно «46px» более точно соответствует «50px» в Firefox. Это наводит меня на мысль, что Opera отображает шрифты примерно на 10% больше.

Эта и та же проблема с другим основным текстом полностью отбрасывает мой макет страницы в Opera 10. Пожалуйста, дайте мне знать, если у вас есть какие-либо идеи о том, что может быть причиной, или, по крайней мере, как предотвратить / исправить это.

Спасибо!

ОБНОВИТЬ:

Похоже, что у меня не установлена ​​надлежащая копия Helvetica - я удалил ее из стека шрифтов и не увидел разницы в отображаемом тексте на моих тестовых страницах.

Я обновил тестовые страницы, чтобы использовать только общее семейство шрифтов "sans-serif", так что, надеюсь, сейчас мы все видим одно и то же.

Интересно, что использование общего шрифта с засечками отображает одинаково в Opera и Firefox.

Может ли эта проблема быть просто причудой того, как Opera отображает общий шрифт «без засечек»?

ОБНОВЛЕНИЕ 2:

Это может быть важно: я использую Mac OS X Snow Leopard. Сейчас я экспериментирую с другими шрифтами, чтобы узнать, смогу ли я выделить проблему дальше.

ОБНОВЛЕНИЕ 3:

Я создал другую тестовую страницу, используя Arial:

http://troy.onespot.com/static/stack_overflow/opera_font_size_reset_arial.html

И теперь Opera и Firefox практически совпадают!

Я, вероятно, могу обойтись без использования Arial вместо Helvetica в этом проекте. Насколько я знаю, у меня есть полностью стандартная версия Helvetica для OS X - поэтому я не могу позволить себе никакого расхождения между тем, как разные пользователи видят шрифты на моей странице. Я буду придерживаться проверенного и настоящего Arial.

Однако, что это может означать - шрифт Sans-Serif по умолчанию в OS X просто странно отображается в Opera или что-то в этом роде?