更改文本的字体大小

Question

是否可以通过Semantic-UI轻松更改某些无标题文字的字体大小，而无需更改主题或使用普通css？

我看到一些元素，比如按钮，可以使用large，massive等等。也许这样的事情对于“普通文本”也是可能的，但我不能在文档中看到如何，但我可能会失明？

Answer 1

语义用户界面没有开箱即用的功能。你可以写一个为你做的CSS类。

.large.text {
   font-size: 2rem;
}

这会使<p class="large text">Hi there</p> have a size that is twice the size of the baseline text size。

Answer 2

您还可以将自己的CSS添加到您正在使用的主题的组件的.overrides文件中，它将在您的应用中提供。

例如，如果您使用＆＃39;默认＆＃39;主题，您可以将以下内容添加到button.overrides：

.large.text {
    font-size: 12px;
}

site.variables包含页面的默认字体大小，如果要在任何地方更改，也可以在那里进行更改