一、浏览器打印html之宋体加粗不生效

背景:最近在做html浏览器打印时发现一些css样式问题,html原始页面加粗样式(font-weight:bold)预览正常,使用window.print()方法进行打印时打印预览界面加粗效果没有了。

原因:具体详细的原因暂未找到,部分资料说是浏览器打印兼容性问题。

解决方法:尝试了几种方案后总结下面两种方式比较好用

1、将字体替换为其他非宋体,加粗效果显示正常。

2、由于一些要求只能是宋体,可以使用文字阴影的效果达到加粗样式:

text-shadow:0.15pt 0px 0px black,0.25pt 0px 0px black,0.35pt 0px 0px black,-0.25pt 0px 0px black,0px 0.25pt 0px black,0px -0.25pt 0px black;