css - 在@font-face CSS 规则中， 'local' 值(对于 'src' 属性)不再起作用了吗？

Question

示例 CSS:

@font-face {
  font-family: 'Droid Serif';
  font-weight: normal;
  font-style: italic;
  src: url('DroidSerif-Italic-webfont.eot');
  src: url('DroidSerif-Italic-webfont.eot?#iefix') format('embedded-opentype'),
       local('Droid Serif'), local('DroidSerifItalic'),
       url('DroidSerif-Italic-webfont.woff') format('woff'),
       url('DroidSerif-Italic-webfont.ttf') format('truetype'),
       url('DroidSerif-Italic-webfont.svg#DroidSerifItalic') format('svg');
}

h1 {
  font-family:  'Droid Serif';
  font-weight: normal;
  font-style: italic;
}

示例 HTML:

<div id="content">
    <h1>This is a big, big title</h1>
</div>

Droid Serif 是目前 Linux 系统上非常常见的字体(至少它在我使用的 Ubuntu 上可用)。

正如您在上面看到的，我已经明确定义了 local('Droid Serif'), local('DroidSerifItalic')，但是浏览器(在我的例子中是 Chromium)只是在下载字体文件(WOFF 格式)而不是简单地使用我计算机上可用的字体。

知道是什么原因造成的吗？我是不是做错了什么，或者浏览器不再考虑“本地”值？

编辑 如果您想知道，DroidSerifItalic 是 Droid Serif 字体的后脚本名称，如果您是从 Font Squirrel 下载的(至少那是我读过的)。

EDIT-2:为了防止不够清楚，我在 Ubuntu (v12.04) 上使用 Chromium 网络浏览器。

Answer 1

我查看了 google 的实现，他们使用了这种语法/名称:

src: local('Droid Serif Italic'), local('DroidSerif-Italic')

我想如果你使用这个名字它会起作用!看来您只是把后记名称弄错了。

来源:http://fonts.googleapis.com/css?family=Droid+Serif:400italic