宋体,在打印预览的时候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>