nwcell
4/23/2014 - 4:34 PM

If you website isn't rendering elements (fonts, images, etc.) until you force a repaint by resizing the browser window, then you are running

If you website isn't rendering elements (fonts, images, etc.) until you force a repaint by resizing the browser window, then you are running into an obscure chrome bug. People have found the issue, but it has showed up and disappeared several times on some of my websites so far.

This hack will safely keep your stuff rendered properly. Just run it at the end of your site and it will force a site wide 'repaint' silently.

render_fix.css
content_copyfile_download
body
{
  -webkit-animation-duration: 0.1s;
	-webkit-animation-name: fontfix;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0.1s;
}

@-webkit-keyframes fontfix{
	from{ 	opacity: 1; }
	to{	opacity: 1; }
}