Start experimenting with web fonts

We decided in #5 to use Ideal Sans. I found it unsuitable for large swaths of body text like we have here on BG. Here I'm trying out the expansive Surveyor for body text.
gratipay · May 5, 2014 · 53097dc · 53097dc
1 parent 0b60d91
commit 53097dc
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 2 deletions.
diff --git a/scss/bottom-nav.scss b/scss/bottom-nav.scss
@@ -8,6 +8,7 @@
     left: 0;
     background: url("/assets/hero-bg.png");
     border-top: 1px solid #dddddd;
+    font-family: "Ideal Sans SSm A", "Ideal Sans SSm B";
 
     ul {
         list-style: none;

diff --git a/scss/overrides.scss b/scss/overrides.scss
@@ -51,3 +51,24 @@ iframe {
     &.green { background: $green; }
     &.brown { background: $brown; }
 }
+
+h1 {
+    font: normal 36px/42px 'Ideal Sans SSm A', 'Ideal Sans SSm B' ! important;
+    font-weight: 700 ! important;
+    text-transform: none ! important;
+    color: $brown ! important;
+}
+
+h2 {
+    font: normal 20px/26px 'Ideal Sans SSm A', 'Ideal Sans SSm B' ! important;
+    font-weight: 700 ! important;
+    margin-bottom: 96px 0 32px ! important;
+    color: $brown ! important;
+    text-transform: uppercase ! important;
+}
+
+body {
+    font: normal 20px/30px 'Surveyor SSm A', 'Surveyor SSm B';
+    font-weight: 300;
+    color: $black;
+}
diff --git a/templates/page.html b/templates/page.html
@@ -13,10 +13,10 @@
         <meta property="og:description" content="Documentation for people building Gittip." />
         <meta property="og:title" content="Building Gittip" />
 
-        <link rel="stylesheet" type="text/css"
-              href="https://assets-gittipllc.netdna-ssl.com/reset.css">
         <link rel="stylesheet" type="text/css"
               href="/assets/{{ website.version }}/building.gittip.css">
+        <link rel="stylesheet" type="text/css"
+              href="//cloud.typography.com/6540672/682244/css/fonts.css" />
 
     </head>
     <body>

diff --git a/www/index.spt b/www/index.spt
@@ -9,4 +9,6 @@ Welcome! This website is for people building [Gittip](https://www.gittip.com/).
 
 First time? Start at ... [the beginning](/big-picture)! :-)
 
+## Table of Contents
+
 {{ toc(nav_current) }}
Original file line number	Diff line number	Diff line change
Expand Up		@@ -9,4 +9,6 @@ Welcome! This website is for people building [Gittip](https://www.gittip.com/).

		First time? Start at ... [the beginning](/big-picture)! :-)

		## Table of Contents

		{{ toc(nav_current) }}