Skip to content

Instantly share code, notes, and snippets.

@nwcell
Created April 23, 2014 16:34
Show Gist options
  • Save nwcell/11222586 to your computer and use it in GitHub Desktop.
Save nwcell/11222586 to your computer and use it in GitHub Desktop.
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 i…
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; }
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment