html - Text is not showing on website in Chrome for mac -
the text on wordpress website i'm working on not showing in chrome mac, until resize window or show developer tools. problem not consistent either; shows paragraphs not headings.
the problem has arisen @ point during development , i'm not sure when.
two screenshots of issue (before , after): screenshot1 screenshot 2
url: insidefitness.dk
any highly appreciated. in advance!
yeah, can replicate issue. "ubuntu" webfont not ready when css fired.
edit:
solution
include in main.css:
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; } }
as turned out chrome issue:
issue 336476: external font not rendering until forced repaint
Comments
Post a Comment