Garbled Text Printed in Safari Brower Only
-
I don’t know if anyone has come across this before, but I use Twenty Twelve for a handful of WordPress websites. I came across a problem recently that I fixed and I wanted to post the solution to help others.
A client reported to me that when they printed their website the text was garbled and unreadable. I tested it out and while it printed fine in Firefox, Chrome and Explorer, it was definitely garbled when printed from Safari. (I’m using a PC, and did not test on Mac.) I was also able to duplicate this same problem with the Twenty Thirteen Theme, although a few other sites I tested with different themes were fine.
Screenshot of the Printing Problem
I added this code to my child theme style.css specifying a specific font for printing and it fixed my problem:
@media print { body, .entry-content, p, ul, li, h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; } }
- The topic ‘Garbled Text Printed in Safari Brower Only’ is closed to new replies.