Question

我正在使用Google API中的CSS文件：

<link href="http://fonts.googleapis.com/css?family=Ruthie" 
      rel="stylesheet" type="text/css" />

看起来像这样：

@font-face {
  font-family: 'Ruthie';
  font-style: normal;
  font-weight: 400;
  src: local('Ruthie'), local('Ruthie-Regular'),
  url('http://themes.googleusercontent.com/static/fonts/ruthie/v3/Di1LdjRzoaEvDmrQy1l_ww.woff') format('woff');
}

然而，W3C CSS验证器返回4个错误：

1) Value Error : font-family Property font-family doesn't exist 
   in CSS level 2.1 but exists in [css1, css2, css3] : 'Ruthie'

2) ...

您可以通过验证页面http://fonts.googleapis.com/css?family=Ruthie

来检查所有错误

所以我的问题是：

1）如何使用不同的CSS版本验证2？这是一个好方法吗？

2）如何修复这些错误，最终使用类似的字体并删除此API？

3）另外，我想了解为什么这个CSS无效......

Answer 1

您可以validate CSS level 3，Google提供的代码是有效的CSS3。这不是有效的CSS 2.1代码，因为CSS2.1 specification中没有@ font-face。 @font-face中定义了@font-face。

{{1}}规则已在CSS Fonts Module Level 3: 4.1 The @font-face rule中定义，但显然没有进入CSS2.1。所以没有办法在CSS2.1中验证样式表，只能在CSS3或CSS2中验证。

使用外部google CSS验证CSS 2.1

1 个答案: