Sha256: b3c378615c816e2a1306c0201b35c41132c6971cba6995cd250513d3982f1ad1

Contents?: true

Size: 1.2 KB

Versions: 6

Compression:

Stored size: 1.2 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.
// * postscript name is required by some browsers to look for local fonts.

@mixin font-face($name, $font-files, $eot: false, $postscript: false, $style: false) {
  @font-face {
    font-family: "#{$name}";
    @if $style {
      font-style: $style; }
    @if $eot {
      src: font-url($eot); }
    @if $postscript {
      src: local("#{$name}"), local("#{$postscript}"), #{$font-files}; }
    @else {
      src: local("#{$name}"), #{$font-files}; } } }

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

Version data entries

6 entries across 6 versions & 1 rubygems

Version Path
compass-0.10.2 frameworks/compass/stylesheets/compass/css3/_font-face.scss
compass-0.10.1 frameworks/compass/stylesheets/compass/css3/_font-face.scss
compass-0.10.0 frameworks/compass/stylesheets/compass/css3/_font-face.scss
compass-0.10.0.rc6 frameworks/compass/stylesheets/compass/css3/_font-face.scss
compass-0.10.0.rc5 frameworks/compass/stylesheets/compass/css3/_font-face.scss
compass-0.10.0.rc4 frameworks/compass/stylesheets/compass/css3/_font-face.scss