Sha256: 9e83a440d6d231657c42d4b8ebf89867676df2b5f8412a82936d6f4222ccf142

Contents?: true

Size: 1.95 KB

Versions: 7

Compression:

Stored size: 1.95 KB

Contents

@import "shared";

// Cross-browser support for @font-face. Supports IE, Gecko, Webkit, Opera.
//
// * $name is required, arbitrary, and what you will use in font stacks.
// * $font-files is required using font-files('relative/location', 'format').
//   for best results use this order: woff, opentype/truetype, svg
// * $eot is required by IE, and is a relative location of the eot file.
// * $weight shows if the font is bold, defaults to normal
// * $style defaults to normal, might be also italic
// * For android 2.2 Compatiblity, please ensure that your web page has
//   a meta viewport tag.
// * To support iOS < 4.2, an SVG file must be provided
//
// If you need to generate other formats check out the Font Squirrel
// [font generator](http://www.fontsquirrel.com/fontface/generator)
//

// In order to refer to a specific style of the font in your stylesheets as 
// e.g. "font-style: italic;",  you may add a couple of @font-face includes
// containing the respective font files for each style and specying
// respective the $style parameter.

// Order of the includes matters, and it is: normal, bold, italic, bold+italic.

@mixin font-face(
  $name, 
  $font-files, 
  $eot: false,
  $weight: false,
  $style: false
) {
  $iefont: unquote("#{$eot}?iefix");
  @font-face {
    font-family: quote($name);
    @if $eot {
      src: font-url($eot);
      $font-files: font-url($iefont) unquote("format('eot')"), $font-files; 
    }
    src: $font-files;
    @if $weight {
      font-weight: $weight;
    }
    @if $style {
      font-style: $style;
    }
  }
}

// EXAMPLE
// +font-face("this name", font-files("this.woff", "woff", "this.otf", "opentype"), "this.eot", bold, italic)
//
// will generate:
//
//   @font-face { 
//     font-family: 'this name'; 
//     src: url('fonts/this.eot'); 
//     src: local("☺"),
//       url('fonts/this.otf') format('woff'), 
//       url('fonts/this.woff') format('opentype'); 
//     font-weight: bold;
//     font-style: italic;
//   }

Version data entries

7 entries across 7 versions & 3 rubygems

Version Path
concen-0.2.9 app/assets/stylesheets/concen/compass/css3/_font-face.scss
concen-0.2.8 app/assets/stylesheets/concen/compass/css3/_font-face.scss
concen-0.2.7 app/assets/stylesheets/concen/compass/css3/_font-face.scss
concen-0.2.6 app/assets/stylesheets/concen/compass/css3/_font-face.scss
concen-0.2.5 app/assets/stylesheets/concen/compass/css3/_font-face.scss
compass-0.12.alpha.0 frameworks/compass/stylesheets/compass/css3/_font-face.scss
compass-rails31-0.12.0.alpha.0.91a748a frameworks/compass/stylesheets/compass/css3/_font-face.scss