Chrome 19無法識別字體重量：打火機

Question

我剛剛拉起了一個項目，我正在對其進行一些修改，並注意到正在通過@font-face提供的聲明font-weight: lighter，並且它不再在網站上工作（請參閱圖像 - 頂部鉻，底部ff）。昨天晚上我的系統（Windows）沒有任何改變，今天酒吧被升級到Chrome 19.0.1084.46，我認爲這是問題，但我想知道是否有其他人注意到了這一點，或者如果有修復？

謝謝。

Answer 1

嘗試使用數字代替相對項lighter。例如：font-weight:100將是最輕的。

有關於相對和絕對字體權重這裏方便的文章： http://webdesign.about.com/od/fonts/qt/aa031807.htm

Answer 2

如果您正在使用的字體面對面的字體有多種樣式（如你should）確保每個變體特別依賴於一個字體權重，這樣每個變體都有自己的顯式文件。否則，它有點像瀏覽器來完成它想做的事情。我發現從字體松鼠自動生成的代碼不這樣做（雖然也許他們已經更新了它們的包裝）

請注意在下面的代碼中，每個文件如何顯式設置font-weight和font-style 。這沒有留下猜測的餘地。

@font-face { 
    font-family: 'CaviarDreams'; 
    src: url('fonts/CaviarDreamsItalic-webfont.eot'); 
    src: url('fonts/CaviarDreamsItalic-webfont.eot?#iefix') format('embedded-opentype'), 
     url('fonts/CaviarDreamsItalic-webfont.woff') format('woff'), 
     url('fonts/CaviarDreamsItalic-webfont.ttf') format('truetype'), 
     url('fonts/CaviarDreamsItalic-webfont.svg#CaviarDreamsItalic') format('svg'); 
    font-weight: normal; 
    font-style: italic; 

} 

@font-face { 
    font-family: 'CaviarDreams'; 
    src: url('fonts/CaviarDreams_BoldItalic-webfont.eot'); 
    src: url('fonts/CaviarDreams_BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), 
     url('fonts/CaviarDreams_BoldItalic-webfont.woff') format('woff'), 
     url('fonts/CaviarDreams_BoldItalic-webfont.ttf') format('truetype'), 
     url('fonts/CaviarDreams_BoldItalic-webfont.svg#CaviarDreamsBoldItalic') format('svg'); 
    font-weight: bold; 
    font-style: italic; 

} 

@font-face { 
    font-family: 'CaviarDreams'; 
    src: url('fonts/CaviarDreams-webfont.eot'); 
    src: url('fonts/CaviarDreams-webfont.eot?#iefix') format('embedded-opentype'), 
     url('fonts/CaviarDreams-webfont.woff') format('woff'), 
     url('fonts/CaviarDreams-webfont.ttf') format('truetype'), 
     url('fonts/CaviarDreams-webfont.svg#CaviarDreamsRegular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

} 

@font-face { 
    font-family: 'CaviarDreams'; 
    src: url('fonts/CaviarDreams_Bold-webfont.eot'); 
    src: url('fonts/CaviarDreams_Bold-webfont.eot?#iefix') format('embedded-opentype'), 
     url('fonts/CaviarDreams_Bold-webfont.woff') format('woff'), 
     url('fonts/CaviarDreams_Bold-webfont.ttf') format('truetype'), 
     url('fonts/CaviarDreams_Bold-webfont.svg#CaviarDreamsBold') format('svg'); 
    font-weight: bold; 
    font-style: normal; 

}