如何在ExtJS 4.1中獲得更大的字體？

我絕不是一個老人，但我發現Ext JS（使用4.1）的字體大小整體太小。如何在ExtJS 4.1中獲得更大的字體？

我想改變一切的整體默認字體大小 - 標題，按鈕，網格，樹木，表單字段標籤，表單字段等，撞它爲默認的約120％。

我最好的選擇是什麼？

創建一個自定義主題看起來像極端矯枉過正（如果這可以工作的話）。

現在這是我的解決方案，這是我的主要的CSS文件：

div, span, p, body, a, input, textarea, label { 
    font-family: Calibri, Helvetica, Arial !important; 
    font-size: 14px !important; 
}

然而，這種感覺hackish的，它這樣做邪惡的事情我格列標題和標籤（他們的瀏覽器不舒展）。這也使得我更難以在做偶爾想要不同的字體。

如果你真的會去@Jamie建議，你可以請張貼結果截圖？我對你有同樣的問題很感興趣。 – sha

我不想在這裏賣任何東西，但如果你想要一個當你碰到字體大小（和其他東西）時看起來像什麼的例子。這是我們在公司做的一個主題。 http://www.newbridgegreen.com/view –

恐怕最好的辦法是重新編譯主題。這樣，所有組件都將根據您的默認字體大小重新計算其大小，並且您不會看起來很亂。

這實際上很容易做到。按照這裏的說明。 ExtJS Theme Guide。一旦確定可以編譯默認主題。編輯文件themes/stylesheets/ext4/default/variables/_core.scss並在第31行將字體大小更改爲14px。

重新編譯。

工作完成。

2012-06-19 20:00:57

你的主題看起來很光滑。我明天將從貴公司的網站與您聯繫。 – sha

乾杯。非常感謝:) –

謝謝，這工作，並沒有像我擔心的痛苦...雖然Sencha真的需要清理他們的SASS文件，'ceil（$ font-size * .9）使它比應該一直改變字體大小更困難。 – richardtallent

回答