Подтвердите CSS 2.1 с помощью внешнего Google CSS - PullRequest
Новая
       4

Подтвердите CSS 2.1 с помощью внешнего Google CSS

1 голос
/ 15 февраля 2012

Я использую файл CSS из Google API: 

<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 недействителен ...

1 Ответ

1 голос
/ 15 февраля 2012

Вы можете проверить уровень CSS 3 , код, предоставленный Google, действителен CSS3.Это недопустимый код CSS 2.1, поскольку в спецификации CSS2.1 нет @ font-face.@font-face определено в Модуль шрифтов CSS Уровень 3: 4.1 Правило @ font-face .

Правило @font-face уже определено в CSS2 , ноочевидно, не сделал это в CSS2.1.Поэтому нет способа проверить таблицу стилей в CSS2.1, только в CSS3 или CSS2.

...