font-stack 0.1.0
Sign up to get free protection for your applications and to get access to all the features.
- data/README.markdown +40 -0
- data/font-stack.gemspec +21 -0
- data/lib/font-stack.rb +3 -0
- data/lib/stylesheets/_font-stack.scss +97 -0
- metadata +80 -0
data/README.markdown
ADDED
@@ -0,0 +1,40 @@
|
|
1
|
+
# Font-stack
|
2
|
+
A [Compass](http://compass-style.org/) plugin that provides a library of CSS font stacks as [Sass](http://sass-lang.com/) variables.
|
3
|
+
|
4
|
+
## Installation
|
5
|
+
|
6
|
+
Install the plugin:
|
7
|
+
|
8
|
+
sudo gem install font-stack
|
9
|
+
|
10
|
+
To add font-stack to an existing compass project add the following line to your compass configuration file:
|
11
|
+
|
12
|
+
require 'font-stack'
|
13
|
+
|
14
|
+
## Example Usage
|
15
|
+
|
16
|
+
@import "font-stack"
|
17
|
+
|
18
|
+
body { font-family: $tahoma-font-stack; }
|
19
|
+
h1 { font-family: $palatino-font-stack; }
|
20
|
+
code { font-family: $monospace-font-stack; }
|
21
|
+
.signature { font-family: $cursive-font-stack; }
|
22
|
+
|
23
|
+
## Todo
|
24
|
+
|
25
|
+
- Add additional fonts to the cursive font-stack
|
26
|
+
|
27
|
+
|
28
|
+
## Credits
|
29
|
+
|
30
|
+
Serif and sans-serif font stacks from:
|
31
|
+
[www.awayback.com - A Revised Font Stack](http://www.awayback.com/revised-font-stack)
|
32
|
+
|
33
|
+
|
34
|
+
Monospace font stack from:
|
35
|
+
[articles.sitepoint.com - 8 Definitive Web Font Stacks](http://articles.sitepoint.com/article/eight-definitive-font-stacks)
|
36
|
+
|
37
|
+
|
38
|
+
Cursive font stack from:
|
39
|
+
[www.codestyle.org - Build better CSS font stacks, Cursive font stack featuring Bradley Hand ITC](http://www.codestyle.org/css/font-family/BuildBetterCSSFontStacks.shtml)
|
40
|
+
|
data/font-stack.gemspec
ADDED
@@ -0,0 +1,21 @@
|
|
1
|
+
# -*- encoding: utf-8 -*-
|
2
|
+
|
3
|
+
Gem::Specification.new do |gemspec|
|
4
|
+
gemspec.name = "font-stack"
|
5
|
+
gemspec.version = "0.1.0"
|
6
|
+
gemspec.platform = Gem::Platform::RUBY
|
7
|
+
gemspec.date = "#{Time.now.year}-#{Time.now.month}-#{Time.now.day}"
|
8
|
+
gemspec.authors = ["Lloyd Kupchanko"]
|
9
|
+
gemspec.email = "lloyd@lloydk.ca"
|
10
|
+
gemspec.homepage = "http://compass-style.org"
|
11
|
+
gemspec.summary = %q{A library of CSS font stacks}
|
12
|
+
gemspec.description = "Font-stack is a Compass plugin that provides a library of CSS font stacks."
|
13
|
+
|
14
|
+
gemspec.rubygems_version = "1.3.6"
|
15
|
+
|
16
|
+
gemspec.require_path = "lib"
|
17
|
+
gemspec.files = ["README.markdown", "font-stack.gemspec", "lib/font-stack.rb", "lib/stylesheets/_font-stack.scss"]
|
18
|
+
|
19
|
+
gemspec.add_dependency('haml', '>= 3.0.0.rc.1')
|
20
|
+
end
|
21
|
+
|
data/lib/font-stack.rb
ADDED
@@ -0,0 +1,97 @@
|
|
1
|
+
//
|
2
|
+
// Serif and sans-serif font stacks from:
|
3
|
+
//
|
4
|
+
// A Revised Font Stack
|
5
|
+
// http://www.awayback.com/revised-font-stack
|
6
|
+
//
|
7
|
+
//
|
8
|
+
// Monospace font stack from:
|
9
|
+
//
|
10
|
+
// 8 Definitive Web Font Stacks
|
11
|
+
// http://articles.sitepoint.com/article/eight-definitive-font-stacks
|
12
|
+
//
|
13
|
+
//
|
14
|
+
// Cursive font stack from:
|
15
|
+
//
|
16
|
+
// Build better CSS font stacks - Cursive font stack featuring Bradley Hand ITC
|
17
|
+
// http://www.codestyle.org/css/font-family/BuildBetterCSSFontStacks.shtml
|
18
|
+
//
|
19
|
+
|
20
|
+
|
21
|
+
//
|
22
|
+
// Serif font-stacks
|
23
|
+
//
|
24
|
+
|
25
|
+
$garamond-font-stack: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif !default;
|
26
|
+
|
27
|
+
$lucida-bright-font-stack: "Lucida Bright", Georgia, serif !default;
|
28
|
+
|
29
|
+
$palatino-font-stack: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif !default;
|
30
|
+
|
31
|
+
$big-caslon-font-stack: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif !default;
|
32
|
+
|
33
|
+
$didot-font-stack: Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif !default;
|
34
|
+
|
35
|
+
$baskerville-font-stack: Baskerville, "Baskerville old face", "Hoefler Text", Garamond, "Times New Roman", serif !default;
|
36
|
+
|
37
|
+
$hoefler-text-font-stack: "Hoefler Text", "Baskerville old face", Garamond, "Times New Roman", serif !default;
|
38
|
+
|
39
|
+
$bodoni-mt-font-stack: "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif !default;
|
40
|
+
|
41
|
+
$goudy-old-style-font-stack: "Goudy Old Style", Garamond, "Big Caslon", "Times New Roman", serif !default;
|
42
|
+
|
43
|
+
$constantia-font-stack: Constantia, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif !default;
|
44
|
+
|
45
|
+
$cambria-font-stack: Cambria, Georgia, serif !default;
|
46
|
+
|
47
|
+
$book-antiqua-font-stack: "Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif !default;
|
48
|
+
|
49
|
+
|
50
|
+
//
|
51
|
+
// Sans-Serif font-stacks
|
52
|
+
//
|
53
|
+
|
54
|
+
$optima-font-stack: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif !default;
|
55
|
+
|
56
|
+
$futura-font-stack: Futura, "Trebuchet MS", Arial, sans-serif !default;
|
57
|
+
|
58
|
+
$gill-sans-stack: "Gill Sans", "Gill Sans MT", Calibri, sans-serif !default;
|
59
|
+
|
60
|
+
$trebuchet-font-stack: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif !default;
|
61
|
+
|
62
|
+
$helvetica-font-stack: "Helvetica Neue", Arial, Helvetica, sans-serif !default;
|
63
|
+
|
64
|
+
$verdana-font-stack: Verdana, Geneva, sans-serif !default;
|
65
|
+
|
66
|
+
$lucida-grande: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif !default;
|
67
|
+
|
68
|
+
$geneva-font-stack: Geneva, Tahoma, Verdana, sans-serif !default;
|
69
|
+
|
70
|
+
$segoe-font-stack: Segoe, "Segoe UI", "Helvetica Neue", Arial, sans-serif !default;
|
71
|
+
|
72
|
+
$candara-font-stack: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif !default;
|
73
|
+
|
74
|
+
$calibri-font-stack: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif !default;
|
75
|
+
|
76
|
+
$franklin-gothic-font-stack: "Franklin Gothic Medium", Arial, sans-serif !default;
|
77
|
+
|
78
|
+
$tahoma-font-stack: Tahoma, Geneva, Verdana, sans-serif !default;
|
79
|
+
|
80
|
+
|
81
|
+
//
|
82
|
+
// Monospace font-stacks
|
83
|
+
//
|
84
|
+
// Consolas is not included in this stack because it is much smaller than the other fonts listed in the stack.
|
85
|
+
//
|
86
|
+
|
87
|
+
$monospace-font-stack: "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace !default;
|
88
|
+
|
89
|
+
|
90
|
+
//
|
91
|
+
// Cursive font-stacks
|
92
|
+
//
|
93
|
+
|
94
|
+
$cursive-font-stack: "Bradley Hand ITC", "Apple Chancery", "URW Chancery L", cursive !default;
|
95
|
+
|
96
|
+
|
97
|
+
|
metadata
ADDED
@@ -0,0 +1,80 @@
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
2
|
+
name: font-stack
|
3
|
+
version: !ruby/object:Gem::Version
|
4
|
+
prerelease: false
|
5
|
+
segments:
|
6
|
+
- 0
|
7
|
+
- 1
|
8
|
+
- 0
|
9
|
+
version: 0.1.0
|
10
|
+
platform: ruby
|
11
|
+
authors:
|
12
|
+
- Lloyd Kupchanko
|
13
|
+
autorequire:
|
14
|
+
bindir: bin
|
15
|
+
cert_chain: []
|
16
|
+
|
17
|
+
date: 2010-04-29 00:00:00 -07:00
|
18
|
+
default_executable:
|
19
|
+
dependencies:
|
20
|
+
- !ruby/object:Gem::Dependency
|
21
|
+
name: haml
|
22
|
+
prerelease: false
|
23
|
+
requirement: &id001 !ruby/object:Gem::Requirement
|
24
|
+
requirements:
|
25
|
+
- - ">="
|
26
|
+
- !ruby/object:Gem::Version
|
27
|
+
segments:
|
28
|
+
- 3
|
29
|
+
- 0
|
30
|
+
- 0
|
31
|
+
- rc
|
32
|
+
- 1
|
33
|
+
version: 3.0.0.rc.1
|
34
|
+
type: :runtime
|
35
|
+
version_requirements: *id001
|
36
|
+
description: Font-stack is a Compass plugin that provides a library of CSS font stacks.
|
37
|
+
email: lloyd@lloydk.ca
|
38
|
+
executables: []
|
39
|
+
|
40
|
+
extensions: []
|
41
|
+
|
42
|
+
extra_rdoc_files: []
|
43
|
+
|
44
|
+
files:
|
45
|
+
- README.markdown
|
46
|
+
- font-stack.gemspec
|
47
|
+
- lib/font-stack.rb
|
48
|
+
- lib/stylesheets/_font-stack.scss
|
49
|
+
has_rdoc: true
|
50
|
+
homepage: http://compass-style.org
|
51
|
+
licenses: []
|
52
|
+
|
53
|
+
post_install_message:
|
54
|
+
rdoc_options: []
|
55
|
+
|
56
|
+
require_paths:
|
57
|
+
- lib
|
58
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
59
|
+
requirements:
|
60
|
+
- - ">="
|
61
|
+
- !ruby/object:Gem::Version
|
62
|
+
segments:
|
63
|
+
- 0
|
64
|
+
version: "0"
|
65
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
66
|
+
requirements:
|
67
|
+
- - ">="
|
68
|
+
- !ruby/object:Gem::Version
|
69
|
+
segments:
|
70
|
+
- 0
|
71
|
+
version: "0"
|
72
|
+
requirements: []
|
73
|
+
|
74
|
+
rubyforge_project:
|
75
|
+
rubygems_version: 1.3.6
|
76
|
+
signing_key:
|
77
|
+
specification_version: 3
|
78
|
+
summary: A library of CSS font stacks
|
79
|
+
test_files: []
|
80
|
+
|