Stylus

Expressive, dynamic, robust CSS

Fork me on GitHub

@font-face 原文

@font-face@ルールは期待通りに動作します。次のように、単にプロパティのブロックを付け加えるだけです:

 @font-face
   font-family Geo
   font-style normal
   src url(fonts/geo_sans_light/GensansLight.ttf)

 .ingeo
   font-family Geo

これは次のように展開されます:

  @font-face {
    font-family: Geo;
    font-style: normal;
    src: url("fonts/geo_sans_light/GensansLight.ttf");
  }
  .ingeo {
    font-family: Geo;
  }