CSS font-weight 是否大于900

在本文中，我们将介绍CSS中的font-weight属性以及是否存在大于900的值。

阅读更多：CSS 教程

font-weight属性简介

font-weight属性用于定义文本的粗细程度。它接受的值可以是预定义的关键字或者数字值。

关键字:
– normal：默认值，表示普通文本。
– bold：粗体文本。
– lighter：比父元素细的文本。
– bolder：比父元素粗的文本。

数字值:
数字值从100到900存在，代表了从细到粗的程度，其中100最细，900最粗。

font-weight属性支持的范围

根据CSS规范，font-weight属性的值范围是从100到900，共有9个步长。不同的浏览器可能对这些步长的显示方式略有不同。

然而，有些浏览器在默认情况下并不支持使用800、900这样超出预定义关键字的值。一些浏览器会自动将这些值转换为最接近的预定义关键字。比如，将800转换为bold，将900转换为bolder。

我们可以通过下面的代码来演示这个问题：

p {
  font-weight: 800;
}

在大多数浏览器中，上述代码将被自动转换为bold，文本将会显示为粗体。

因此，如果你想要设置超过900的font-weight值，可能需要使用其他CSS属性或者技巧来实现。

实现更粗的文本

虽然CSS的font-weight属性范围是100到900，但如果你需要更粗的文本，可以考虑以下方法之一：

1. 使用文字阴影

可以使用text-shadow属性来模拟更粗的字体效果。例如，你可以适当增加text-shadow的模糊度和颜色来实现类似于更粗的字体效果。

p {
  text-shadow: 2px 2px red;
}

上述代码将为<p>元素的文本添加一个红色的2px模糊阴影。这个阴影效果可以使文本看起来更粗。

2. 使用自定义字体

另一种方法是使用自定义字体文件。你可以选择一个设计师创建的更粗的字体，然后将其应用于你的文本。这样可以实现更具视觉效果的粗体文本。

@font-face {
  font-family: 'BoldFont';
  src: url('path/to/custom-bold-font.ttf');
  font-weight: normal;
  font-style: normal;
}

p {
  font-family: 'BoldFont', sans-serif;
}

在上述代码中，我们通过@font-face规则引入了一个自定义字体文件，并将其命名为BoldFont。然后，在<p>元素的样式中，我们使用了这个自定义字体。

请注意，这需要你有相应的自定义字体文件，并将其引入到你的代码中。

总结

尽管CSS的font-weight属性范围是从100到900，但是一些浏览器对于超出预定义关键字的800和900的值会自动转换为最接近的预定义关键字，如bold和bolder。如果你需要更粗的文本效果，可以使用文字阴影或者自定义字体来实现。通过这些方法，你可以满足更多样化的文本需求。