我使用标准GWT(2.0.1),使互联网应用程序,我有巨大的字体(编辑:很好,比正常大)这个奇怪的问题,用默认的样式在IE 7 & 8,而FF,Chrome和Safari正确显示字体。起初,我认为它必须在我身边发生错误(我用一些自定义CSS使用UiBinder),但后来我注意到,在GWT展示网站上,各种小部件字体也太大了。有任何想法吗?GWT默认风格IE字体大小
回答
这是由于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;
}
编辑:
,以确保所有部件“搞定”这个新的风格,你需要按照以下方式将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;
}
我明白你的观点,但仍有一个问题。 GWT默认样式已经定义了小部件上的字体(不适用于纯HTML内容,即HTMLPanel中的内容)。此外,当产生与你推荐的风格相似的风格时,我现在只能在某些小工具上获得一致的字体,例如标签,而不是HTMLPanel内的内容(样式不适用于此)。这是一个IE浏览器CSS的东西,这似乎是学习处理它的时候了...... – nvrs 2010-02-19 08:34:37
我很确定有一些css与默认的GWT CSS冲突,只影响IE浏览器。我想这不像我原先想象的那么简单,而且我也无法找到关于该主题的足够信息。 – nvrs 2010-02-19 09:04:09
@nvrs忘了提及一些细节;)(见编辑) – Drejc 2010-02-19 09:04:38
(在WinXP SP3全部)歌剧10.10,IE 6和FF 3.6之间的快速比较 - Opera和1E示出稍大的字体。我不确定这是否是GWT的错 - 每个浏览器都有一些核心CSS规则来定义默认外观,如果没有应用额外的CSS样式(就像FF中所有图像上令人讨厌的蓝色边框),所以只要确保明确地设置了您的字体大小等来消除这些差异。
也就是说,除非你看到的字体方式比它们应该大 - 那么它可能是一个错误。
更新:在Linux下(Gentoo amd64)它是一样的 - Opera的字体比Firefox稍微大点,但没有什么奇怪的。
好吧,字体比较大(类似于120%缩放) - 足以在几次中断布局。我认为默认的GWT样式为所有的小部件定义了字体,但我可能是错的,我必须检查它。我只是希望我不必为每个正在使用的小部件明确定义字体。 – nvrs 2010-02-19 06:36:58
- 1. TinyMCE默认字体大小
- 2. 默认UITableViewCellStyleSubtitle字体大小?
- 3. MATLAB默认的数字字体大小
- 4. 默认字体大小列表
- 5. Mozilla Firefox默认字体大小
- 6. 字体大小的默认单位?
- 7. jQuery Mobile的默认字体大小
- 8. Firefox的默认字体大小问题
- 9. Foundation中的默认字体大小?
- 10. em的默认参考字体大小?
- 11. Firefox的默认字体大小问题
- 12. 设置默认字体大小失败
- 13. iTextSharp的设置默认字体大小
- 14. 默认字体大小和相对值
- 15. OBIEE 12C更改默认字体大小
- 16. jquery css默认字体大小
- 17. Ckeditor默认字体大小,颜色
- 18. TinyMCE的4默认字体大小
- 19. 要更改Android默认字体大小
- 20. 字体,回到默认大小
- 21. 默认字体大小与PostScript设备
- 22. 风格的标签字体大小
- 23. 默认SVG风格
- 24. 如何更改NSMutableAttributedString的默认字体和字体大小
- 25. Summernote设置默认字体大小和字体
- 26. GWT - 增加和减小字体大小
- 27. 默认大小
- 28. 默认大小
- 29. 什么是字体大小的默认px,pt:小?
- 30. 作为默认Gmap3风格
你能不能张贴一个链接到GWT的展示的特定部分是在IE中有这些问题? – 2010-02-18 16:32:39
以下链接中的所有小部件都以比我测试它们的两台机器上的其他浏览器(XP和Vista)更大的字体显示IE 8。 http://gwt.google.com/samples/Showcase/Showcase.html – nvrs 2010-02-18 17:12:36