@ font-face第一次访问网站时不会加载，必须刷新/重新加载

我已经使用http://www.fontsquirrel.com/fontface/generator套件生成器和css代码正确配置了CSS文件，并将字体文件上传到了正确的目录中。@ font-face第一次访问网站时不会加载，必须刷新/重新加载

即使在页面之间切换时，一旦进入第一次刷新后，我的网站上的字体仍能正常工作，这只是第一次在进入网站时不显示字体，直到刷新页面，发生在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; }

我试图寻找一个答案，但couldn找不到一个，会真的很感谢任何帮助的人。

来源

2012-08-13 user1594603

您是否曾尝试将@ font-face置于顶部，而不是CSS之前的其他任何部分。

。在你的CSS的错误：

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

将其更改为：

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

来源

2012-08-13 07:15:04 Mark

就是这样，非常感谢！希望我可以投你的答案，但显然我需要15名声誉来做到这一点（我是新来的）。我认为单引号不会影响用最新版本格式化CSS，也就是说我不需要在URL位置使用单引号。如果你不介意我问，是否还有其他类似的内容对字体系列等引用非常敏感？ – user1594603 2012-08-13 15:47:12

您仍然可以接受我现在所做的答案 – Mark 2012-08-13 20:44:52

，再次感谢。 – user1594603 2012-08-14 00:20:10

尝试changing-

font-family:'handfont-webfont'

到

font:'handfont-webfont'

in .body p

来源

2012-08-13 07:17:35 ygssoni

字体需要3个参数：font-family + line-height + font-weight to work – Mark 2012-08-13 07:37:45

你试过改变了吗？ – ygssoni 2012-08-13 07:44:31

@ font-face第一次访问网站时不会加载，必须刷新/重新加载

回答

相关问题