3

我绝不是一个老人，但我发现 Ext JS（使用 4.1）中的整体字体大小太小了。

我想更改所有内容的整体默认字体大小——标题、按钮、网格、树、表单字段标签、表单字段等，并将其提高到默认值的 120%。

我在这里最好的选择是什么？

创建自定义主题似乎太过分了（如果可以的话）。

这是我现在的解决方案，位于我的主 CSS 文件中：

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

但是，这感觉很不雅，而且这对我的 Grid 列标题和选项卡造成了不利影响（它们的 chrome 不能正确拉伸）。这也让我偶尔想要不同字体的情况变得更加困难。

4

1 回答 1

4

恐怕最好的方法是重新编译主题。这样，所有组件的大小都将根据您的默认字体大小重新计算，并且您不会看到混乱的外观。

这实际上很容易做到。按照此处的说明进行操作。ExtJS 主题指南。一旦你确定你可以编译默认主题。在themes/stylesheets/ext4/default/variables/_core.scss处编辑文件，在第31 行，将字体大小更改为14px。

重新编译。

任务完成。

于 2012-06-19T20:00:57.370 回答