Strange issue of font or heading disappear in Chrome

Question

I am facing a very strange issue on this page. Chrome version: "33.0.1750.146 m"

http://69.195.124.159/~icanusan/faq/

Heading "FAQ’s" written in H1 TAG disappears pressing ctrl+f5 in chrome two-three times. But the most instering part is that when i use inspect element it shows the heading.

i cannot figure out the problem any one guide me what could be the issue?

any help would be appreciated.

Answer 1

It was chrome issue, changing font to web safe font resolved my problem. the issue was not producing with any other Google font either.

Answer 2

I am facing same problems with Google Chrome. Other browsers work fine. The fonts disappear intermittently and on hover of link or opening Developer Tools - the fonts start appearing... but mine is not just applicable to H1 but to text in a, div, ul/li, etc. Seems some bug in Chrome.

I am using Chrome version: Version 33.0.1750.146 m The fonts are loaded using a css file and font-family used is ProximaNova

Answer 3

Perfectly fine with me too. Don't understand why refreshing your cache would stop HTML text appearing. Also can't see anything conflicting in your CSS. Could just be isolated to your browser? Try different browsers / Reopening your chrome? Also using version 33.0.1750.146 m

Answer 4

It works fine for me too. But, since your h1 is a google font I would try using the utf-8 code for apostrophe which is

’

Answer 5

I think it's a case of a slow loading server and the fact you are using a font-face. Each time you refresh, the site will need to load the whole font-face file before displaying the text to the user. If you have a faster server or let the user cache the file then that would improve the load time a lot.

You could also check out GZIP which will compress all of your files on your server, this also greatly improves loading speed on your server.