WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Twelve
Garbled Text Printed in Safari Brower Only (1 post)

  1. amyritterbusch
    Member
    Posted 5 months 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

Reply

You must log in to post.

About this Theme

About this Topic

  • RSS feed for this topic
  • Started 5 months ago by amyritterbusch
  • This topic is not resolved
  • WordPress version: 3.8.1