字體權上移，當CSS轉換基本完成

www.wearethefirehouse.com/phasetest

如果你慢慢滾動，你會發現，一旦在菜單欄是完全不透明的，則nav li所有項目都從恩佐300跳到恩佐600（如無頁面載入時看到的那樣），恩佐600 ......很難說如果它是一個完整的體重等級，但它們肯定會變胖。

還不能確定我最終會在美學層面上使用哪種方法，但我怎樣才能阻止它轉向更胖的體重？在所有與nav相關的CSS中，（除非我錯過了某些東西），我只有font-weight: 600正在使用，而不是300.所以它應該是全部300或全部600，前後都是。

.navbar-default { 
    border-color: transparent; 
    background-color: #222; 
} 

.navbar-default .navbar-brand { 
    font-family: "ff-enzo-web", sans-serif; 
    font-size: 18px; 
    color: #FC6C00; 
} 

.navbar-default .navbar-brand:hover, 
.navbar-default .navbar-brand:focus, 
.navbar-default .navbar-brand:active, 
.navbar-default .navbar-brand.active { 
    color: #fec503; 
} 

.navbar-default .navbar-collapse { 
    border-color: rgba(255,255,255,.02);   
} 

.navbar-default .navbar-toggle { 
    border-color: #FC6C00; 
    background-color: #FC6C00; 
} 

.navbar-default .navbar-toggle .icon-bar { 
    background-color: #fff; 
} 

.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus { 
    background-color: #FC6C00; 
} 

.navbar-default .nav li a { 
    text-transform: uppercase; 
    font-family: "ff-enzo-web",sans-serif; 
    font-weight: 600; 
    letter-spacing: 1px; 
    color: #fff; 
    transition: color .5s ease; 
} 

.navbar-default .nav li a:hover, 
.navbar-default .nav li a:focus { 
    outline: 0; 
    color: #FC6C00; 
    font-size: 16px; 
    font-weight: 600; 
} 

.navbar-default .navbar-nav>.active>a { 
    border-radius: 0; 
    color: #363636; 
    background-color: #FC6C00; 
    font-weight: 600; 
} 

.navbar-default .navbar-nav>.active>a:hover, 
.navbar-default .navbar-nav>.active>a:focus { 
    color: #FFFFFF; 
    background-color: #FC6C00; 
    font-weight: 600; 
}

注：其他導航相關的CSS我只是上面響應斷點着想的調整，但在全寬中存在的問題，所以我不認爲這是它。

來源

2014-08-29 weslangdon

你描述聽起來好像是一個已知的問題中的問題鉻。有些人使用的解決方案是設置'-webkit-font-smoothing：antialiased'。請注意，這是一個黑客修復和*不應該用於大量的文本*（請參閱這裏對這個主題的咆哮：http://usabilitypost.com/2012/11/05/stop-fixing-font-smoothing /） – Dave 2014-08-30 00:17:48

這將是很好，除了它在Safari瀏覽器也是如此......會嘗試下面的Vishu的建議。 – weslangdon 2014-08-30 00:56:47

Safari也是WebKit（chrome實際上是WebKit的一個分支，現在稱爲blink，但它們仍然非常相似） – Dave 2014-08-30 09:49:09

，我沒有看到在滾動的字體任何體重的變化，但是，我也注意到了突然跳由於填充變化時導航欄縮小，看來你在的地方，但一個過渡不適用於作爲持續時間的填充屬性未與其一起指定。

如下調整到.navbar-default塊使兩個填充和背景色的過渡工作，請注意填充後添加的時間延遲 -

transition: padding 0.5s, background-color .7s ease-in-out;

來源

2014-08-29 07:31:35 Vishu

謝謝。呃，那讓我瘋狂。我仍然在學習CSS，但我仍然沒有聽清楚。此外，我的字體增厚似乎只在Safari。在FF和所有桃子測試。再次感謝你們。 – weslangdon 2014-08-30 03:18:37

我覺得問題不在此代碼

，我也覺得問題不在於字體粗細

問題出在哪裏，你改變你的頭它填充消失嘗試檢查出...

對不起，如果不是幫助

來源

2014-08-29 07:07:58 himanshu

字體權上移，當CSS轉換基本完成

回答

相關問題