爲什麼我的標題邊框和字體顯示出奇怪？

聲明：我知道我應該爲我的導航使用精靈，我只是無法讓它與我的圖像一起工作。是的，我知道我現在擁有的是一個不好的替代品。請不要判斷我的網站目前的狀態，因爲它處於非常早的階段，而且我對編碼還很陌生。爲什麼我的標題邊框和字體顯示出奇怪？

請看看我的代碼，並告訴我，爲什麼

周圍有我的頭
白色邊框，因爲它是應該的字體沒有顯示出來。

非常感謝！

網站：http://www.philecialabounty.com/KVS2/index.html

的Roboto-Thin字體應該是這樣的：http://www.fontsquirrel.com/fonts/roboto

來源

2013-07-31 Veruca Salt

自己完成任何調試，例如使用dom檢查器查看帶有邊框的元素？ –

對不起，但我沒有點擊來自未知網站的隨機鏈接。你能提供更多的細節，或者複製http://jsfiddle.net上的問題嗎？ – freefaller

你是什麼意思你的字體沒有加載？對我來說工作得很好。你使用的是什麼瀏覽器？ –

在關於邊界，你的身體正在使用瀏覽器的默認邊距+填充的身體。看看一個CSS重置文件。或者看一下樣板或僅指定body的邊距/填充0.

關於字體沒有正確顯示，您是否只能在字體系列中使用Web安全字體declarative for css。如果你想用更好的字體查找谷歌的字體或的Cufón（我一般用）

來源

2013-07-31 15:01:32 hendr1x

謝謝你的回覆。我已將身體空白/填充設置爲0 - 您能否提供有關如何修復此問題的更多詳細信息？ –

@VerucaSalt不，你不知道 –

正如@ hendr1x表明，對於填充/保證金的理由是，每個瀏覽器都有它自己的默認樣式表，它使用了一些非常基本的基礎屬性。如果您想查看各種網站使用的樣式表，您通常會碰到一個名爲reset.css的東西，這只是一個簡單的樣式表，以確保基礎樣式在不同瀏覽器之間保持一致，這是由於上述問題。因此，如果你只是造型問題是身體上的填充/保證金許多瀏覽器設置，只需添加：

body { 
    margin:0; 
    padding:0; 
}

在你stylesheet.css的頂部。另外，你可以谷歌的一個reset.css文件，這也可以做這個工作等等。

你的意思是「字體顯示不正常」 - 我會認爲它的渲染效果很差（即它看起來很不正常/鋸齒/很差）。如果你是Windows Chrome用戶，那麼，就像很多人一樣，你剛剛碰到了字體渲染可能很差的問題。考慮到Chrome的市場份額如此之高，也許你應該重新考慮你選擇的字體，並找到一個Chrome友好的。作爲Firefox用戶，我發現Gecko中的字體渲染很少/沒有問題，但我經常發現Legacy IE和Chrome的問題。 Google Web-Fonts是網絡安全字體的一個很好的資源，但即使如此，我會注意到Chrome issues are still rife。

也：爲什麼你有<center>標籤？它似乎沒有做任何事情，它不在HTML5規範中 - 我建議你刪除它。

來源

2013-07-31 15:19:16

爲什麼我的標題邊框和字體顯示出奇怪？

回答

相關問題