chrome window.print 宋体 font-weight 无效问题?

  • Z时代
  • 2024-02-13
  • 分类：IT

测试代码 打印预览 就是没有加粗的

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <div style="font-weight:bold;font-family:宋体">
    boldboldbold
  </div>
</body>
</html>

请问大佬们 有什么好的解决方案?

回答：

  • 改用华文宋体 STSong 或其他字体
.demo {
  font-family: STSong;
  font-weight: bold;
}
  • 使用文字阴影 text-shadow 代替 bold
.demo {
  font-family: 宋体;
  text-shadow: 0.15pt 0 0 black, 0.25pt 0 0 black, 0.35pt 0 0 black, -0.25pt 0 0 black, 0 0.25pt 0 black, 0 -0.25pt 0 black;
}

以上是 chrome window.print 宋体 font-weight 无效问题? 的全部内容， 来源链接： utcz.com/p/934697.html

回到顶部