font-family not loading？

我有以下CSS聲明：font-family not loading？

body {font-family: Verdana, Tahoma, "Trebuchet MS", "DejuVu Sans", "Bitstream Vera Sans", sans-serif;

它不加載頁面上。我不得不補充：

<style> 
body {font-family: Verdana, Tahoma, "Trebuchet MS", "DejuVu Sans", "Bitstream Vera Sans", sans-serif;} 
</style>

爲了讓它能夠正常工作......在Chrome和safari中這是真的......這是一個很奇怪的想法嗎？

注意，所有其他的CSS工作正常...

來源

2013-01-17 Mike Earley

是否可以添加一個鏈接到它不工作的網站？ – Bazzz

我現在在我的本地開發環境。它在JSFiddle中工作。 http://jsfiddle.net/vFXZz/ –

然後，你必須發佈更多的代碼，因爲錯誤不在你的CSS中......嘗試@ JohnPeter的解決方案，使用'！important'，並確保沒有其他'！important'- CSS-line會覆蓋這裏描述的CSS。 – algorhythm

所以，！重要的工作，我不知道爲什麼。一個說明，我拿出額外的家庭，現在看起來是這樣的：

body, body * { 
font-family: Verdana, Tahoma, sans-serif !important; 
}

但改變的是什麼都沒有做修復它。！重要的固定它。即使在CSS中沒有任何其他位置更改font-family（請參閱工作JS小提琴）。我附上了開發人員工具的屏幕截圖，以顯示繼承。

developer tools

來源

2013-01-17 16:03:58

都試圖選擇以下？

body, body * { 
    font-family: Verdana, Tahoma, "Trebuchet MS", "DejuVu Sans", "Bitstream Vera Sans", sans-serif; 
} /* this affects every element in the body and the body itself */ 

/* OR just */ 
* { 
    font-family: Verdana, Tahoma, "Trebuchet MS", "DejuVu Sans", "Bitstream Vera Sans", sans-serif; 
} /* this affects every element */

這裏是你可以用CSS3做什麼： http://www.css3.info/preview/web-fonts-with-font-face/

來源

2013-01-17 13:06:09 algorhythm

我試過*，但不是身體*，雖然它不應該是必要的......但是 - 我只是現在試了一下，並沒有工作。再次，上面的jsFiddle鏈接顯示了代碼，它實際上在那裏工作。 –

用下面的例子試試看：

@font-face{font-family:'Arvo';src:url('fonts/Arvo-Regular.ttf')} 
@font-face{font-family:'Erasmd';src:url('fonts/ERASMD.TTF')} 


body { font-family: Arvo; } 

(or) 

body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important; }

我認爲這可以幫助你解決你的問題。

來源

2013-01-17 13:16:29

我不需要額外的字體，也不需要額外的字體...我很好奇爲什麼會這樣做呢？ –

請參考以下位置進行說明：http：//caniuse.com/fontface和http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp上面還提到了一個例子，那就是如何使用font-面臨在CSS中，而不是你當前的CSS。你需要使用它。 –

我想知道是否有誤解，因爲這個問題與font-face無關，而且我知道如何實現font-face。我試圖利用Verdana，我不需要使用font-face。 –

某些字體家庭必須使用`字體面被啓用，平時ü做這樣的事情

@font-face { 
    font-family: 'alex_brushregular'; 
    src: url('alexbrush-regular-otf-webfont.eot'); 
    src: url('alexbrush-regular-otf-webfont.eot?#iefix') format('embedded-opentype'), 
     url('alexbrush-regular-otf-webfont.woff') format('woff'), 
     url('alexbrush-regular-otf-webfont.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 

} 

body { 

font-family: 'alex_brushregular', Arial, "sans-serif"; 

}

來源

2013-01-17 13:33:30

很酷，有道理，但我不應該使用@ font-face啓用Verdana，除非我錯過了某些東西？ –

是的，我認爲verdana是與font-face –

font-family not loading？

回答

相關問題