Internet explorer GWT默认样式IE字体大小

我正在使用标准GWT（2.0.1）制作一个互联网应用程序，我有一个wierd问题，即IE 7和8中默认样式的大字体（编辑：嗯，比正常字体大），而FF、Chrome和Safari则正确显示字体。起初我认为这肯定是我的错误（我使用一些自定义css的UiBinder），但后来我注意到在GWT展示网站上，各种小部件字体也太大了。有什么想法吗？

对Opera 10.10、IE 6和FF 3.6（都在WinXP SP3上）进行快速比较-Opera和IE显示稍大的字体。我不确定这是否是GWT的错——每个浏览器都有一些定义默认外观的核心CSS规则，如果没有应用其他CSS样式（如FF中所有图像上令人讨厌的蓝色边框），那么请确保明确设置字体大小等，以消除这些差异

也就是说，除非你看到的字体比它们应该的大，否则这可能是一个bug

---

更新：在Linux（Gentoo amd64）下也一样-Opera reneders的字体比Firefox稍大，但没有什么奇怪的地方。

这是由于IE默认的字体大小呈现，与GWT无关，而与CSS样式无关

您可以使用如下CSS确保字体在多个浏览器上保持一致（例如：

编辑：

为了确保所有小部件“获得”这种新样式，您需要以以下方式将CSS文件放入*.gwt.xml文件中（行的顺序很重要）：

---

你可以发布一个链接到GWT的Showcase中IE中存在这些问题的特定部分吗？下面链接中的所有小部件都显示了比我测试的两台机器（XP和Vista）上的其他浏览器更大的字体IE 8。嗯，字体大了很多（类似于120%的缩放）-在一些情况下足以破坏布局。我认为默认的GWT样式定义了所有小部件的字体，但我可能错了，我必须检查一下。我只是希望我不必为正在使用的每个小部件明确定义字体。我明白你的意思，但仍然有一个陷阱。GWT默认样式已经定义了小部件上的字体（不适用于普通HTML内容，即HTMLPanels中的内容）。此外，当生成与您推荐的样式类似的样式时，我现在只在一些小部件（例如标签）上获得一致的字体，而不在HTMLPanel内的内容中获得一致的字体（这些样式不适用于这些小部件）。这显然是一个IE CSS的事情，似乎是时候学习处理它了…我很确定，默认的GWT CSS与CSS之间存在一些冲突，只影响IE。我想这并不像我原来想的那么简单，我也找不到足够的关于这个主题的信息。谢谢，总的来说，我已经解决了我的大部分问题。我对你的答案投了赞成票，但我犯了一个错误，为了接受你的答案，我撤回了投票——很抱歉：（如果你愿意，编辑它，这样我就可以重新注册了……我终于发现了导致我的css在IE上出现问题的原因。我当时使用的是GWT 2.0布局系统和uiBinder，但没有注意到：结果是，在怪癖模式下，使用uiBinder和任何新面板都会在IE上大幅度地扰乱css，但对其他浏览器来说都不会。搞乱我的意思是，样式不是始终应用/覆盖，例如，在我的样式表中创建新的gwt按钮样式时，它不适用于IE中的按钮小部件，但gwt Listbox适用！

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

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

<inherits name='com.google.gwt.user.theme.standard.Standard' />
<stylesheet src="MyNewAndImprovedStyle.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;
}