A Compass plugin that contains a library of CSS font-stacks.
Ruby
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
lib
.gitignore
README.markdown
font-stack.gemspec

README.markdown

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