Garbled Text Printed in Safari Brower Only

  • amyritterbusch

    (@amyritterbusch)


    11 years ago

    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;
}

}

    Screenshot of Printing After Code Added to Site

    Link to Live Site

  • The topic ‘Garbled Text Printed in Safari Brower Only’ is closed to new replies.