frameworks/compass/stylesheets/compass/css3/_font-face.scss in compass-0.11.beta.1 vs frameworks/compass/stylesheets/compass/css3/_font-face.scss in compass-0.11.beta.2
- old
+ new
@@ -5,19 +5,29 @@
//
// * $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.
+// * 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)
-@mixin font-face($name, $font-files, $eot: false, $postscript: false, $style: false) {
- @if $postscript or $style {
- @warn "The $postscript and $style variables have been deprecated in favor of the Paul Irish smiley bulletproof technique.";
- }
+@mixin font-face($name, $font-files, $eot: false) {
@font-face {
font-family: quote($name);
@if $eot { src: font-url($eot); }
src: local("☺"), $font-files;
}
+ @media screen and (max-device-width: 480px) {
+ @font-face {
+ font-family: quote($name);
+ src: $font-files;
+ }
+ }
+
}
// EXAMPLE
// +font-face("this name", font-files("this.woff", "woff", "this.otf", "opentype"), "this.eot")
//