в нефрите не удается заставить стиль @ font-face работать

из рабочего файла css (сгенерированного font-squirrel):

@font-face {
  font-family: 'SnowTopCaps'; 
  src: url('/fonts/snowtopcaps-webfont.eot'); 
  src: url('/fonts/snowtopcaps-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/snowtopcaps-webfont.woff') format('woff'),
    url('/fonts/snowtopcaps-webfont.ttf') format('truetype'),
    url('/fonts/snowtopcaps-webfont.svg#snowtopcaps') format('svg');
  font-weight: normal;
  font-style: normal;
}

пытаюсь объявить в style разделе в jade документе:

...
style
  @font-face
    font-family
      | SnowTopCaps
    src
      | url('/fonts/snowtopcaps-webfont.woff') format('woff')
    font-weight
      | normal
    font-style
      | normal
    ...

но ни одно объявление style не записывается в сгенерированный html?

кто-нибудь видит, чего здесь не хватает?


node.js stylus pug font-face
person cc young    schedule 22.03.2013    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Этот синтаксис предназначен для HTML, а не для css. Использовать

style.
  @font-face {
    font-family: 'SnowTopCaps'; 
    src: url('/fonts/snowtopcaps-webfont.eot'); 
    src: url('/fonts/snowtopcaps-webfont.eot?#iefix') format('embedded-opentype'),
      url('/fonts/snowtopcaps-webfont.woff') format('woff'),
      url('/fonts/snowtopcaps-webfont.ttf') format('truetype'),
      url('/fonts/snowtopcaps-webfont.svg#snowtopcaps') format('svg');
    font-weight: normal;
    font-style: normal;
  }

Или используйте фильтр: stylus

person Ven    schedule 22.03.2013
comment
Благодарность! - Я полностью разложил stylus: фильтр. он просто заменяет style, и все отлично работает - person cc young; 23.03.2013
comment
Я не знаю, было ли это на момент написания, но теперь требуется . после style. См. stackoverflow.com/questions/21765107/ для получения дополнительной информации. - person mantagen; 24.07.2018
comment
@mantagen Нет, script и style были в особом корпусе. Все равно отредактировал. - person Ven; 26.07.2018