Font-stack

A Compass plugin that provides a library of CSS font stacks configured as Sass variables. Each font stack tries to provide fallback fonts for Windows, Mac and Linux that have roughly the same characteristics as the primary font in the stack.

Installation

Install the plugin:

sudo gem install font-stack

To add font-stack to an existing compass project add the following line to your compass configuration file:

require 'font-stack'

Example Usage

@import "font-stack"

body { font-family: $tahoma-font-stack; }
h1 { font-family: $palatino-font-stack; }
code { font-family: $monospace-font-stack; }
.signature { font-family: $cursive-font-stack; }

List of Font Stacks

http://github.com/lloydk/font-stack/blob/master/lib/stylesheets/_font-stack.scss

Todo

• Add additional fonts to the cursive font-stack
• Add mixins

Credits

Serif and sans-serif font stacks from: www.awayback.com - A Revised Font Stack

Monospace font stack from: articles.sitepoint.com - 8 Definitive Web Font Stacks

Cursive font stack from: www.codestyle.org - Build better CSS font stacks, Cursive font stack featuring Bradley Hand ITC