@font-face Won't Load When Visiting The Site For The First Time, Must Refresh/reload

I've properly configured the CSS file using the http://www.fontsquirrel.com/fontface/generator kit generator and css codes, uploaded the font files in the right directory. The fon

Solution 1:

Have you tried to put the @font-face on top, before anything else in your CSS.

There is an error in your CSS:

.body p { font-family:handfont-webfont;}//there are no single quotes

Change it to:

.body p { font-family:'handfont-webfont';}//with single quotes

Solution 2:

try changing-

 font-family:'handfont-webfont' 

to

font:'handfont-webfont'

in .body p