Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

A Compass plugin that contains a library of CSS font-stacks.

tree: 4d12f1a2d1

Fetching latest commit…

Octocat-spinner-32-eaf2f5

Cannot retrieve the latest commit at this time

Octocat-spinner-32 lib
Octocat-spinner-32 .gitignore
Octocat-spinner-32 README.markdown
Octocat-spinner-32 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

Something went wrong with that request. Please try again.