GWT стиль шрифта IE по умолчанию размер - PullRequest
4 голосов
/ 18 февраля 2010

Я использую стандартный GWT (2.0.1) для создания интернет-приложения, и у меня есть эта странная проблема с огромными шрифтами (редактирование: ну, больше, чем обычно) со стилем по умолчанию в IE 7 и 8, в то время как FF, Chrome и Safari правильно отображают шрифты. Сначала я подумал, что это может быть ошибка на моей стороне (я использую UiBinder с некоторыми пользовательскими CSS), но потом я заметил, что на сайте GWT витрины различные шрифты виджетов также слишком велики. Есть идеи?

Ответы [ 2 ]

2 голосов
/ 19 февраля 2010

Это связано с отображением размера шрифта IE по умолчанию и не имеет ничего общего с GWT, а скорее со стилем CSS.

Вы можете убедиться, что шрифты согласованы в нескольких браузерах с помощью CSS (например):

*
{
    font-family: Arial, sans-serif;
    font-size: 12pt;    
}

body, table td, a, div, .p, pre 
{
    font-family: Arial, sans-serif;
    font-size: 12pt;
}

EDIT:

Чтобы все виджеты «получили» этот новый стиль, вам нужно поместить свой CSS-файл в файл * .gwt.xml следующим образом (порядок строк важен):

<inherits name='com.google.gwt.user.theme.standard.Standard' />
<stylesheet src="MyNewAndImprovedStyle.css" />

не помещайте это на HTML-страницу!

Это гарантирует, что ваш стиль переопределит стили виджета.

PS: Вы можете переопределить некоторые стили виджетов вручную (для этого у меня есть GwtOverride.css) ... см. Фрагмент:

.gwt-TextBox,.gwt-PasswordTextBox,.gwt-DateBox
{
    border: 1px solid #BDBDBD;
    padding: 2px;
    background-color: #FFFCDA;
}


.gwt-ListBox 
{
    font-family: Arial, sans-serif;
    font-size: 12px;    
    background-color: #FFFCDA;
}


/* make dialog slick and nice */
.gwt-DialogBox .dialogContent 
{
    margin: 5px;
}

.gwt-DialogBox .Caption 
{
    background: #99B4CC;
    border-top: 2px solid #99B4CC;
    border-bottom: 1px solid gray;

    font-size: 110%;
    font-weight: bold;
    white-space: nowrap;
}
0 голосов
/ 19 февраля 2010

Быстрое сравнение между Opera 10.10, IE 6 и FF 3.6 (все на WinXP SP3) - Opera и IE показывают немного большие шрифты. Я не уверен, что это вина GWT - у каждого браузера есть некоторые основные правила CSS, определяющие внешний вид по умолчанию, если дополнительные стили CSS не применяются (например, эта раздражающая синяя рамка на всех изображениях в FF), поэтому просто убедитесь, что вы установили явно размер шрифта и т. д. для устранения этих различий.

То есть, если вы не видите шрифты больше, чем они должны быть - тогда это может быть ошибкой.

Обновление : под Linux (Gentoo amd64) все то же самое - Opera воспроизводит шрифты чуть большего размера, чем Firefox, но ничего странного не выглядит.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...