字体设置为宋体如何加粗

宋体,在打印预览的时候span标签里面的文字内容加粗加黑是如何实现的那?我的显示出来的效果字体是灰色的,想变成黑色,打印出来也是灰白色

你可以用@media print { }单独设置元素在打印时的样式

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title> 页面名称 </title>
<style type="text/css">
.text {
    font-size: 40px;
    font-family: '宋体';
    color: #333;

}

@media print {  /*在打印时的样式*/
    .text {
        font-weight:bold;
        color: #000;
    }
}

</style>
</head>
<body>

    <span class="text">宋体文本</span>

</body>
</html>

加粗的话一般用b标签或者strong标签,看不到代码,不知道你是什么错误,你可以在浏览器F12控制台看一下

    <span style="font-family: '宋体';"><b>中国</b></span>
    <span style="font-family: '宋体';font-weight:normal;">中国</span>
    <span style="font-family: '宋体';font-weight:lighter;">中国</span>
    <span style="font-family: '宋体';font-weight:bold;">中国</span>
    <span style="font-family: '宋体';font-weight:900;">中国</span>