访问该网站的第一次，当@字体面将不会加载，必须刷新/重载(@font-face won't

我已经正确配置使用的CSS文件http://www.fontsquirrel.com/fontface/generator包生成器和CSS代码，在正确的目录上载的字体文件。

字体完全正常工作在我的网站耳目一新一次，甚至在页面之间切换首次进入后，它只是第一次进入网站时，直到您刷新页面的字体不显示，在Firefox和Chrome的发生。

在我的CSS文件的顶部CSS代码：

@charset "utf-8";
body { margin:0; padding:0; width:100%; background:url(images/bg.png) repeat; }
html { padding:0; margin:0; }
a { text-decoration:none; border: none; outline:none; }
a:hover { text-decoration:underline; }
a img {border: none; }

@font-face{ font-family: 'handfont-webfont'; src: url('text/handfont-webfont.eot'); src: url('text/handfont-webfont.eot?#iefix') format('embedded-opentype'), url('text/handfont-webfont.woff') format('woff'), url('text/handfont-webfont.ttf') format('truetype'), url('text/handfont-webfont.svg#webfont') format('svg'); }

下面是用于在我的网页段落字体的代码：

.body p { font-family:handfont-webfont; font-size: 12px; padding:5px 5px; margin:0; }

我试图寻找一个答案，但无法找到一个，会很感激的任何帮助球员。

Answer 1:

你有没有试过把@字体面之上，在你的CSS先天下之忧。

有一个在你的CSS的错误：

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

将其更改为：

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

Answer 2:

尝试changing-

 font-family:'handfont-webfont' 

至

font:'handfont-webfont'

在。体p

文章来源: @font-face won't load when visiting the site for the first time, must refresh/reload