GWT默認風格IE字體大小

我使用標準GWT（2.0.1），使互聯網應用程序，我有巨大的字體（編輯：很好，比正常大）這個奇怪的問題，用默認的樣式在IE 7 & 8，而FF，Chrome和Safari正確顯示字體。起初，我認爲它必須在我身邊發生錯誤（我用一些自定義CSS使用UiBinder），但後來我注意到，在GWT展示網站上，各種小部件字體也太大了。有任何想法嗎？GWT默認風格IE字體大小

來源

2010-02-18 nvrs

你能不能張貼一個鏈接到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

這是由於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; 
}

來源

2010-02-19 08:01:56 Drejc

我明白你的觀點，但仍有一個問題。 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稍微大點，但沒有什麼奇怪的。

來源

2010-02-18 23:17:33

好吧，字體比較大（類似於120％縮放） - 足以在幾次中斷佈局。我認爲默認的GWT樣式爲所有的小部件定義了字體，但我可能是錯的，我必須檢查它。我只是希望我不必爲每個正在使用的小部件明確定義字體。 – nvrs 2010-02-19 06:36:58

GWT默認風格IE字體大小

回答

相關問題