当我定义一个像font: 12px 600 sans-serif这样的字体速记值时,我可以以某种方式使用数字字体粗度值(font: 12px 600 sans-serif-900)吗?

推荐答案

是的,这是可能的,但看起来,你必须把bold关键字放在size之前,然后它才会起作用.

如果将font指定为几个与字体相关的属性的速记,则会有一些规则如Mozilla docs中所列.

  • font-stylefont-variantfont-weight必须在font-size之前.
  • font-variant只能指定在CSS2.1中定义的值,即 normalsmall-caps
  • font-stretch只能是单个关键字值
  • line-height必须紧跟在Font-Size之后,前跟"/",如 这个:"16px/3"
  • font-family必须是指定的最后一个值.

.a {
  font: 400 12px Georgia, serif;
}
.b {
  font: bold 12px Georgia, serif;
}
.c {
  font: 700 12px Georgia, serif;
}
<p class="a">The font Property</p>
<p class="b">The font Property</p>
<p class="c">The font Property</p>

Css相关问答推荐

React呈现多个css文件

下拉面板未与Angular中的下拉文本框垂直对齐

Safari CSS扫描动画效果不起作用

如何使重复线性渐变适合字体大小?

不了解重复-线性-渐变 colored颜色 停止

如果 css 仅位于 razor 页面中的一页上,我是否仍应在 wwwroot 中写入或仅将其放在页面上?

在 Shiny 中动态更改 bslib 值框的类

如何使shiny 的showNotification可滚动?

具有共享的自动调整列宽的多个 CSS 网格

重用 CSS 类更改一些属性

为什么左浮动上的清除:左也会影响右浮动,以及如何避免它

用于替代渲染的 CSS 嵌套

tailwind css 中的自定义组状态

Ant Design:将位置子菜单移动到屏幕顶部

为什么我们将