Browse code

Merge pull request #246 from omo/customizable-font-family

Makes font-family names customizable.

Brandon Mathis authored on 24/10/2011 at 12:54:27
Showing 3 changed files
... ...
@@ -1,17 +1,22 @@
1 1
 $blockquote: $type-border !default;
2
-$mono: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace;
2
+$sans: "PT Sans", "Helvetica Neue", Arial, sans-serif !default;
3
+$serif: "PT Serif", Georgia, Times, "Times New Roman", serif !default;
4
+$mono: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace !default;
5
+$heading-font-family: "PT Serif", "Georgia", "Helvetica Neue", Arial, sans-serif !default;
6
+$header-title-font-family: $heading-font-family !default;
3 7
 
4 8
 // Fonts
5 9
 .heading {
6
-  font-family: "PT Serif", "Georgia", "Helvetica Neue", Arial, sans-serif;
10
+  font-family: $heading-font-family;
7 11
 }
8
-.sans { font-family: "PT Sans", "Helvetica Neue", Arial, sans-serif; }
9
-.serif { font-family: "PT Serif", Georgia, Times, "Times New Roman", serif; }
12
+.sans { font-family: $sans; }
13
+.serif { font-family: $serif; }
10 14
 .mono { font-family: $mono; }
11 15
 
12 16
 body > header h1 {
13 17
   font-size: 2.2em;
14 18
   @extend .heading;
19
+  font-family: $header-title-font-family;
15 20
   font-weight: normal;
16 21
   line-height: 1.2em;
17 22
   margin-bottom: 0.6667em;
18 23
new file mode 100644
... ...
@@ -0,0 +1,9 @@
0
+// Here you can easily change font faces which are used in your site.
1
+// To give it a try, uncomment some of the lines below rebuild your blog, and see how it works. your sites's.
2
+// If you love to use Web Fonts, you also need to add some lines to source/_includes/custom/head.html
3
+
4
+//$sans: "Optima", sans-serif;
5
+//$serif: "Baskerville", serif;
6
+//$mono: "Courier", monospace;
7
+//$heading-font-family: "Verdana", sans-serif;
8
+//$header-title-font-family: "Futura", sans-serif;
... ...
@@ -3,6 +3,7 @@
3 3
 @include reset-html5;
4 4
 
5 5
 @import "custom/colors";
6
+@import "custom/fonts";
6 7
 @import "custom/layout";
7 8
 @import "base";
8 9
 @import "partials";