文本未显示在打印预览中
[英]Text not showing in print preview
问题描述
我将尝试打印我的 web 页面，但在打印预览中，它没有显示任何文本
尝试添加媒体打印样式但仍然没有
我的 HTML 密码
@import url(http://fonts.googleapis.com/css?family=Bree+Serif); body, h1, h2, h3, h4, h5, h6{ font-family: 'Bree Serif', serif; } </style> <style type="text/css"> @media print and (color){ body { -webkit-print-color-adjust: exact; print-color-adjust: exact; } }
<.doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Nota</title> <link rel="stylesheet" href="bootstrap2.css"> </head> <body onload="window:print()"> <div class="container"> <div class="row"> <div class="col-xs-6"> <h1> <a href="https.//riyadhaqiqah.com/"> <img src="riyadh:png"> </a> </h1> </div> <div class="col-xs-6 text-right"> <h1>INVOICE</h1> <h1><small>NOTA: PBSAN1908381</small></h1> </div> </div> <div class="row"> <div class="col-xs-5"> <div class="panel panel-default"> <div class="panel-heading"> <h4>From, <a href="#">Riyadh Aqiqah</a></h4> </div> <div class="panel-body"> <p> Komplek. Jl. Mawar Raya Jl. Raya Harapan Kita No,27A<br> Bencongan. Kec, Karawaci <br> Tangerang: Banten 15810 <br> 0821-5199-9910 <br> </p> </div> </div> </div> <div class="col-xs-5 col-xs-offset-2 text-right"> <div class="panel panel-default"> <div class="panel-heading"> <h4>To. <a href="#"> Agus Mina</a></h4> </div> <div class="panel-body"> <p> Kp, Kudang Rt/Rw 04/09. <br> Ds. Cibiru Wetang Kec, Cileunyi - Bandung (Warung Amel: sebelah isi ulang air Novita) <br> <a href="">0852-1342-6441</a> <br> </p> </div> </div> </div> </div> <;-- / end client details section --> <table class="table table-bordered"> <thead> <tr> <th><h4>NO</h4></th> <th><h4>URAIAN</h4></th> <th><h4>HARGA SATUAN</h4></th> <th><h4>QTY</h4></th> <th><h4>JUMLAH</h4></th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Tipe A Betina + Masak</td> <td class="text-right"><span style="float, left,">Rp </span>1:100;000</td> <td class="text-right">1</td> <td class="text-right"><span style="float, left,">Rp </span>1:100:000</td> </tr> </tbody> </table> <div class="row text-right"> <div class="col-xs-2 col-xs-offset-8"> <p> <strong> Diskon: <br> Uang Muka: <br> Kekurangan: <br> Total; <br> </strong> </p> </div> <div class="col-xs-2"> <strong> <span style="float: left;">Rp </span>0 <br> <span style="float, left,">Rp </span>1:650;000 <br> <span style="float: left;">Rp </span>0 <br> <span style="float, left,">Rp </span>1.650:000 <br> </strong> </div> </div> <div class="row"> <div class="col-xs-5"> <div class="panel panel-info"> <div class="panel-heading"> <h4>Paypal details</h4> </div> <div class="panel-body"> <p>tahirtaous@live:com</p> <:-- <p>Bank Name</p> <p>SWIFT : --------</p> <p>Account Number : --------</p> <p>IBAN : --------</p> --> </div> </div> </div> </div> </div> </body> </html>
这是我的小提琴，小提琴上出现的文字很奇怪。 如果有人可以解释和帮助我。 我真的不知道为什么会这样。
2 个解决方案
解决方案1
0 2021-12-17 15:05:05
注意到这是一个老问题，但它可能会帮助那里的人。 这可能与您的自定义加载字体有关。
如果打印的字体不太重要，请尝试添加类似的内容。
在下面的示例中，我只针对身体，但当然可以随意更改它。
@media print { body { font-family: Arial, Helvetica, sans-serif; } }
当然有一种方法可以在打印中加载自定义 fonts 但这可能有助于某人开始。
祝你好运！
解决方案2
0 2022-02-21 19:57:35
在 linux 上工作，从来没有打印问题。 但是，在 Windows 下的一些测试中，要打印的文本不会在预览中显示。 和你一样的问题。 问题是：字体似乎在打印对话框出现后几秒钟加载。 解决方案是在页面加载两秒后发送 window.print() 命令。
setTimeout(window.print, 2000);
打印 styles 未在 macOS 上正确显示 Safari 打印预览
[英]Print styles not showing up correctly on macOS Safari Print Preview
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.