Проблемы несовместимости шрифтов приложения Gwt в FireFox по сравнению с IE

Я использую Gwt 2.2.0 и Gxt 2.2.3, когда я запускаю приложение в Fire-Fox, стили шрифтов немного отличаются от IE7. Если я не ошибаюсь, я видел такие же проблемы с несовместимостью на сайте Gxt Gwt Demo. также. Это проблема Gxt или есть возможность решить эту проблему? Пожалуйста, найдите ниже снимки экрана. Здесь мы можем легко наблюдать различия в шрифтах. Метка, которая отображается в верхней части панели «Заголовки», отображается по-разному в разных браузерах. Я применил к этой метке следующий стиль:

font-family: Verdana, Sans-serif;
font-size: .8em;
color: #000000;
font-weight: bold;

Когда я отлаживаю и проверяю стили в IE и FF, они одинаковы. Но рендерятся они по-разному.

В IE:

введите здесь описание изображения

В FireFox:

введите здесь описание изображения


gwt gxt
person Jagadeesh    schedule 03.09.2012    source источник
comment
как они могут немного отличаться? Разве не тот же самый шрифт? Пожалуйста, предоставьте достаточно информации, отредактировав свой вопрос.   -  person Jean-Michel Garcia    schedule 03.09.2012
comment
У IE другой кернинг по умолчанию, в чем проблема?   -  person Eliran Malka    schedule 04.09.2012
comment
@EliranMalka: как сделать эти два шрифта похожими. У меня есть способ сделать это? или это проблема gxt?   -  person Jagadeesh    schedule 04.09.2012
comment
почему это такая проблема? ничего не ломает? пользовательские агенты различаются по реализации (здесь кернинг и/или алиасинг немного различаются), а некоторые причуды просто не стоят того, чтобы их исправлять. я бы не заморачивался с этим.   -  person Eliran Malka    schedule 04.09.2012
comment
@EliranMalka - я обновил снимки экрана со стилем, где рендеринг был неправильным.   -  person Jagadeesh    schedule 05.09.2012
comment
попробуйте присвоить фиксированное значение font-size (например, px) и посмотрите, поможет ли это.   -  person Eliran Malka    schedule 05.09.2012
comment
@EliranMalka - я явно установил «размер шрифта» в «PX», но все равно бесполезен   -  person Jagadeesh    schedule 06.09.2012

Ответы (1)


arrow_upward
0
arrow_downward

Если я не ошибаюсь, я видел те же проблемы несовместимости на демо-сайте Gxt Gwt.

У меня нет IE7, но я не вижу различий между FF и IE8, установленным в режиме совместимости с IE7.

Что касается вашей проблемы, обычно это можно объяснить разными размерами и стилями шрифта по умолчанию, установленными для <body> или для родительского элемента (или элемента parent-parent-...) в браузерах.

Проще говоря, .8em — это «размер шрифта по умолчанию», умноженный на 0,8.

Попробуйте явно сбросить размер и стиль шрифта по умолчанию для <body>, <table> или любого другого, который вы используете в качестве базового контейнера.

Быстрое гугление дает объяснение: http://www.guistuff.com/css/css_units.html

Эмс — относительная единица измерения. Один «Em» (1em) равен высоте заглавной буквы «M» в размере шрифта по умолчанию. При применении в CSS Em представляет либо размер шрифта пользователя по умолчанию, либо размер размера шрифта родительского элемента, если он доступен. При использовании Ems для изменения размера шрифтов размер шрифтов будет изменяться в соответствии с настройкой размера шрифта браузера по умолчанию.

person alexp    schedule 05.09.2012