Google chrome Chrome 19无法识别字体重量：较轻

我刚刚启动了一个正在进行修改的项目，并注意到声明

font-weight:lighter

，该声明通过

@font-face

提供，并且它不再在网站上工作（请参见图片-顶部的chrome，底部的ff）。从昨晚开始，我的系统（Windows）没有任何变化，bar今天被升级到Chrome 19.0.1084.46，我想这就是问题所在，但我想知道是否有其他人注意到了这一点，或者是否有修复方法

---

谢谢。

尝试使用数字，而不是相对术语

打火机

例如：

font-weight:100

将是最轻的

这里有一篇关于相对和绝对字体权重的便利文章：

---

如果您使用的是具有多种样式的字体，请确保每个变体都与字体大小有明确的关联，这样每个变体都有自己的显式文件。否则，就要由浏览器来决定它想要做什么。我发现FontSquirrel自动生成的代码并没有做到这一点（尽管他们可能已经更新了他们正在打包的代码）

请注意，在下面的代码中，每个文件都显式设置了字体大小和字体样式。这就没有猜测的余地

@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;

}

---

我发现，一般来说，浏览器对基本权重以外的其他权重的解释往往不同。你的字体CSS是否指定了字体的权重？以前我从来没有想过，但我认为这是我从现在开始将要实现的事情，因为@DigitalCookies也暗示了这一点，它确实起到了作用，但它停止工作的方式有点奇怪，但我认为你是对的，它的好做法是使用数字来表示不同的权重，从现在起我会这么做的，谢谢老兄！我发现使用数字来指定权重在我自己使用的浏览器中有所不同（轻/常规/粗体等之间的界限不是标准化的跨浏览器），并且已经停止了那样设置权重。这正是我布局字体的方式，以前是这样的，现在使用数字解决了这个问题，但我认为这是chrome在尝试使用

font-weight:lighter

时出现的一个错误，它似乎无法识别呼叫，并自动假定

font-weight:normal

是较轻的。正如我所说，它在以前的chrome版本中工作过，因此我认为这是一个bug。