SASS Mixin for use with the Cloud.typography service.

font-stack mixin

@mixin font-stack($family, $weight, $size: inherit, $line-height: inherit, $style: normal, $stack: '"Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif') {
	@if $weight >= 6 { -webkit-font-smoothing: antialiased; } // Sharpen up the bold text
	font: {
		@if $style == normal {
			family: "#{$family} #{$weight}r", "#{$family} A", "#{$family} B", unquote($stack);
		}
		@else if $style == italic {
			family: "#{$family} #{$weight}i", "#{$family} A", "#{$family} B", unquote($stack);
		}
		size: $size;
		style: $style;
		@if type-of($weight) == number { weight: $weight * 100; } // This just allows you to enter a weight of something like "7" instead of "700"
		@else { weight: $weight; }
	}
	line-height: $line-height;
}

font-stack mixin include

h1 {
	@include font-stack("Chronicle Display", 7, 42px, 1);
}
p {
	@include font-stack("Gotham SSm", 5, 17px, 1.2);
}

font-stack mixin output

h1 {
	-webkit-font-smoothing: antialiased;
	font-family: "Chronicle Display 7r", "Chronicle Display A", "Chronicle Display B", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 42px;
	font-style: normal;
	font-weight: 700;
	line-height: 1;
}