更改文本的字体大小

Change font size for text

有没有一种简单的方法可以更改某些 none-header 带有 Semantic-UI 的文本的字体大小,而无需更改主题或使用纯文本 css?

我看到一些元素,比如按钮,可以使用 largemassive 等等。也许这样的事情对于 "normal text" 也是可能的,但我在文档中看不到如何,但我可能是盲人?

语义 UI 没有现成的。您可以编写一个 CSS class 来为您完成。

.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.

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

例如,如果您正在使用 'default' 主题,您可以将以下内容添加到 button.overrides :

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

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

可以在版本 2.7.2.

的 Semantic-UI 中完成

Semantic-UI 是 Semantic-UI 的一个分支,正在持续开发中。

<span class="ui large red text">example of large text</span>

文档:https://fomantic-ui.com/elements/text.html