.font-bold {
font-weight: bold;
}上面的代码片段是CSS代码，用于将文本设置为粗体。其中，大家使用了font-weight这个CSS属性，这个属性的值可以是一个数字或者一个关键字。数字从100到900，代表了从最细到最粗的粗细等级。而关键字则是normal和bold，其中normal表示正常的粗细等级，bold则表示加粗字体。
那么，CSS是如何实现加粗字体的呢？其实，网页浏览器内置了一些字体，这些字体有不同的粗细等级。当大家设置了font-weight: bold之后，浏览器会选择一个比默认粗细等级更高的字体来替换原来的字体，使其看起来更加粗细。
当然，如果大家想要自定义字体的粗细等级，可以将font-weight的值设置为一个数字，取值范围从100到900。当大家设置数字值时，浏览器会根据该值来选择一个相应粗细等级的字体来渲染文本，达到大家期望的自定义效果。
总之，CSS字体变粗是通过选择不同粗细等级的字体来实现的。无论是使用一般的bold关键字还是自定义数字值，都需要浏览器内置的字体来支持。因此，在网页设计中，大家需要合理地使用CSS字体粗细属性，以达到良好的设计效果。