放大使用语义UI的页面上的所有文本

Question

我正在使用语义UI框架。

我想在页面上将所有文本略微放大，因为我没有太多的元素，而且使用如此小的默认文本看起来也很愚蠢。

我该如何在页面上进行此更改？

Answer 1

起初，我以为我可以只使用Semantic UI提供的简单的经过编译的CSS，因为我不需要花哨的任何东西：https://github.com/Semantic-Org/Semantic-UI-CSS。

事实证明，那是进行主题更改的限制（例如，使所有字体变大）。

因此，要解决此问题，我使用npm安装了语义ui，如下所述：https://semantic-ui.com/introduction/build-tools.html

然后将以下内容添加到site/collections/form.variables：

less @fontSize : 18px; @labelFontSize: 18px;

然后我使用gulp build构建了dist文件。