IE default font size GWT

I use standard GWT (2.0.1) to make an internet application, and I have this strange problem with huge fonts (change: well, more than usual) with the default style in IE 7 and 8, whereas FF, Chrome and Safari display fonts correctly. At first, I thought it should be on an error on my side (I use UiBinder with some custom css), but then I noticed that on the GWT showcase the various widget fonts are also too large. Any ideas?

+3
source share
2 answers

This is due to rendering the default font size of IE and has nothing to do with GWT, but rather with the CSS style.

, 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;
}
+2

Opera 10.10, IE 6 FF 3.6 ( WinXP SP3) - Opera IE . , GWT - CSS, , CSS (, FF), , .., .

, , - .

: Linux (Gentoo amd64) - Opera , Firefox, , .

0

Source: https://habr.com/ru/post/1733373/


All Articles