Я работаю над 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» (оба стилизованы с соответствующим размером шрифта) имеют высота 50 пикселей.
В Firefox 3.6 нижний элемент буквы «p» в строке «50 пикселей» совпадает с нижней частью красного поля позади него. В Opera нисходящий элемент буквы «p» в «50px» висит ниже; «46 пикселей» более точно соответствует «50 пикселей» в Firefox. Это наводит на мысль, что Opera отображает шрифты на 10% больше.
Эта, как и та же проблема с другим основным текстом, полностью сбивает мой макет страницы в Opera 10. Пожалуйста, дайте мне знать, если у вас есть любые идеи о том, что может быть причиной этого, или, по крайней мере, как это предотвратить / исправить.
Спасибо!
ОБНОВЛЕНИЕ:
Похоже, у меня не установлена надлежащая копия Helvetica - я удалил ее из стека шрифтов и не заметил разницы в отображаемом тексте на моих тестовых страницах.
Я обновил тестовые страницы, чтобы использовать только общее семейство шрифтов «sans-serif», так что, надеюсь, мы все сейчас видим одно и то же .
Интересно, что использование общего шрифта с засечками в Opera и Firefox отображается точно так же.
Может ли эта проблема быть просто причудой того, как Opera отображает общий шрифт «sans-serif»?
ОБНОВЛЕНИЕ 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.
Но что это может значить - OS X? Шрифт без засечек по умолчанию просто странно отображается в Opera или что-то в этом роде?