Strange hyphenation of post body text

• 

  patters98 · Member · Jun 25, 2013 at 9:26 pm

  • Copy link
  • Add topic to favorites

  Hi,

  The main body text in my posts is being awkwardly hyphenated at the end of most lines in each paragraph when viewed using Safari 6.0.5 and Firefox 22.0 in Mac OS 10.8. The way this unwanted hyphenation breaks even small words makes the content quite difficult to read (e.g. “al-
  ready”).

  I can confirm that neither Internet Explorer 10 on Windows 8, nor Chromium 29.0.1548.0 (the Open Source build of Chrome) on Mac OS exhibit this problem – they render the page correctly, so it looks like some styling issue that’s not being rendered consistently across the browsers.

  I have cleared all Safari browser data and cookies and the problem persists. My blog uses the Twenty Twelve theme. I had previously noticed this same issue in Twenty Twelve’s mobile rendering on Windows Phone 7.8 Internet Explorer but that seems to have been corrected somehow, because it’s apparently rendering fine now.

• 

  amightywp · Member · Jun 26, 2013 at 10:11 pm

  • Copy link

  Hi there,

  The Twenty-Twelve theme is set to automatically have words auto-hyphenate on browsers which support it. You can turn this function off if you have the Custom Design upgrade by adding the following to your CSS:

  .site-content article, .widget-area .widget {
  	word-wrap: normal;
  	-webkit-hyphens: none;
  	-moz-hyphens: none;
  	hyphens: none;
  }