慢渲染使用「無襯線」

我有我的「中發展」的網站奇怪的問題在這裏：http://www.cphrecmedia.dk/musikdk/stage/慢渲染使用「無襯線」

的H1-H6字體只是「無襯線」，但往往在Chrome它顯示另一種字體（屏幕截圖：http://cl.ly/image/260B0H0l1w0C）。當鼠標懸停導航時，它會更改爲正確的字體。 FYI這是應該的樣子：http://cl.ly/image/442l071M3N1B

用於字體的代碼是：

.nm li a { 
    float: left; 
    font-family: sans-serif; 
    height:22px; 
    padding: 12px 14px 7px 14px; 
    color:@white; 
    font-size: 12px; 
    line-height: 20px; 
}

我主要是開發使用Chrome，所以我不知道，如果問題存在於其他瀏覽器。有沒有人以前見過這個問題？

來源

2013-10-08 Morten Hjort

這不是Twitter。請不要縮短您的網址，並在您的問題中包含相關代碼。 –

現在編輯。其餘的鏈接不是shorturls（或至少該服務不提供其他網址） –

不客氣;） –

「無襯線」不是字體名是字體系列規範。

使用像「Arial」或「Verdana」這樣的sans-serif字體名稱，否則會產生意想不到的結果（瀏覽器可能會用普通字體替換字體）。

來源

2013-10-16 08:19:23

似乎修復了它。謝謝！ –

嘗試使用自定義字體方法，方法是下載字體並將其保存在字體文件夾中。

實施例：

@font-face { 
font-family: myFirstFont; 
src: url('Sansation_Light.ttf') 
    ,url('Sansation_Light.eot'); /* IE9 */ 
} 

div 
{ font-family:myFirstFont; }

來源

2013-10-08 12:06:39 vishalkin

但我不需要任何自定義字體（我已經使用它的網頁字體）。保存那個http請求會更聰明，我認爲 –

嘗試使用定製Web字體從谷歌：

http://www.google.com/fonts

選擇一種字體，並且使用三個metods之一，我更喜歡CSS方法。

例子：

@import url(http://fonts.googleapis.com/css?family=Roboto);

導入這個在CSS，並使用這個你的文字：font-family: 'Roboto', sans-serif;

來源

2013-10-16 07:55:31 Reverter

慢渲染使用「無襯線」

回答

相關問題