html - Text is not showing or letter are being replaced with other letters -
solution: remove font-family, font-size , color parent div.
edit: problem occurs when press ctrl + f5
edit2: tracked down problem .site-footer: position:absolute; .it seems if change relative problem dissapears.
i'm getting weird error on website i'm developing. there 2 problems:
somethimes text not showing @ (though border text showing) when hover on it, starts displaying.
the text glitches ex: instead of "sydney" text "tzdoez" , have refresh page or change browser window dimensions remove problem.
did else encountered problem?
just clear:
the text not same color background.
the text inserted pure html not javascript, php, etc
i use open sans font google fonts.
it happens no matter font use.
<footer id="colophon" class="site-footer" role="contentinfo"> <div class="full-width"> <div class="left"> <ul class="footer-list"> <li><a href="#">sydney</a> <span>tel: +00 0 000 0000</span></li> </ul> </div> <div class="right"> <ul class="footer-list"> <li><a href="#">sydney</a></li> </ul> </div> </div>
css:
.site-footer { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; background: #000000; padding: 10px 20px; font-family: 'open sans', sans-serif; text-rendering: optimizelegibility; font-size: 13px; color: #bcbcbc; } .footer-list li { display: inline-block; padding: 0 9px; border-right: 1px solid #666666; } .footer-list a, .footer-list span { display: block; color: #ffffff; font-family: 'open sans', sans-serif; font-size: 13px; }
have tried removing text-rendering: optimizelegibility;
, seeing if bug persists?
Comments
Post a Comment