@ 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第一次訪問網站時不會加載，必須刷新/重新加載

回答

相關問題