Question

这个css定义：

* {font-family: 'Lucida console', monospace;}

被firefox正确解释。

使用ubuntu-chromium（v18.0.1025 ..），为了得到相同的字体，我写了

* {font-family: monospace 'Lucida console';}（是的，没有逗号）

您可以使用这两种浏览器尝试此live example（代码嵌入在链接中）。

如何为两者提供“monospace lucida console”？感谢。

Answer 1

我找到了答案的开头。

Firefox（22.0）控制台谈了：

[13:03:08,615] downloadable font: download failed 
  (font-family: "lucida_consoleregular" [...])
  bad URI or cross-site access not allowed
  source: http://www.goto.com/font/lucida_console-webfont.ttf 
  @ http://www.goto.com/css/style.css
  source: [...] lucida_console-webfont.woff
[13:03:08,615] downloadable font: no supported format found

针对此网站的DNS从两个网址重定向：一个以“ w3 ”为前缀的。另一个是“ www 。”字体路径是样式表是相对路径，但服务器根URI是唯一的，无论是www还是w3

@font-face {
    font-family: 'lucida_consoleregular';
    src: url('../fonts/lucida_console-webfont.eot');
    src: url('../fonts/lucida_console-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lucida_console-webfont.woff') format('woff'),
         url('../fonts/lucida_console-webfont.ttf') format('truetype');
}

调用与正确的根URI相关的正确前缀

时不会发生错误

另一方面，Ubuntu-Chromium（现为28.0）和Opera（12.16）对此没有任何问题。

铬的css字体系列问题

1 个答案: