更改文本的字体大小
Change font size for text
有没有一种简单的方法可以更改某些 none-header 带有 Semantic-UI 的文本的字体大小,而无需更改主题或使用纯文本 css?
我看到一些元素,比如按钮,可以使用 large
、massive
等等。也许这样的事情对于 "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>
有没有一种简单的方法可以更改某些 none-header 带有 Semantic-UI 的文本的字体大小,而无需更改主题或使用纯文本 css?
我看到一些元素,比如按钮,可以使用 large
、massive
等等。也许这样的事情对于 "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 的一个分支,正在持续开发中。
<span class="ui large red text">example of large text</span>