Improve typography

OmeGak · Jan 14, 2017 · 0c96e20 · 0c96e20
1 parent 964ae64
commit 0c96e20
Show file tree

Hide file tree

Showing 3 changed files with 60 additions and 7 deletions.
diff --git a/assets/sass/_timeline.scss b/assets/sass/_timeline.scss
@@ -27,7 +27,7 @@
   }
 
   .entry-title {
-    font-weight: bold;
+    @extend %font-family-medium;
   }
 }
 

diff --git a/assets/sass/_typography.scss b/assets/sass/_typography.scss
@@ -1,17 +1,70 @@
+@font-face {
+  font-family: 'ProperHelvetica';
+  src: local('HelveticaNeue'), local('Helvetica Neue');
+}
+
+@font-face {
+  font-family: 'ProperHelvetica';
+  src: local('HelveticaNeue-Italic'), local('Helvetica Neue Italic');
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'ProperHelveticaLight';
+  src: local('HelveticaNeue-Light'), local('Helvetica Neue Light');
+}
+
+@font-face {
+  font-family: 'ProperHelveticaLight';
+  src: local('HelveticaNeue-LightItalic'), local('Helvetica Neue LightItalic');
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'ProperHelveticaUltraLight';
+  src: local('HelveticaNeue-UltraLight'), local('Helvetica Neue UltraLight');
+}
+
+@font-face {
+  font-family: 'ProperHelveticaUltraLight';
+  src: local('HelveticaNeue-UltraLightItalic'), local('Helvetica Neue UltraLightItalic');
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'ProperHelveticaUltraLight';
+  src: local('HelveticaNeue-UltraLight'), local('Helvetica Neue UltraLight');
+  font-weight: bold;
+}
+
+@font-face {
+  font-family: 'ProperHelveticaMedium';
+  src: local('HelveticaNeue-Medium'), local('Helvetica Neue Medium');
+}
+
+@font-face {
+  font-family: 'ProperHelveticaCondensed';
+  src: local('HelveticaNeue-CondensedBold'), local('Helvetica Neue CondensedBold');
+}
+
 %font-family-normal {
-  font-family: 'HelveticaNeue', 'Helvetica Neue';
+  font-family: 'ProperHelvetica';
+}
+
+%font-family-medium {
+  font-family: 'ProperHelveticaMedium';
 }
 
 %font-family-light {
-  font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light';
+  font-family: 'ProperHelveticaLight';
 }
 
 %font-family-ultra-light {
-  font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight';
+  font-family: 'ProperHelveticaUltraLight';
 }
 
-%font-family-condensed-bold {
-  font-family: 'HelveticaNeue-CondensedBold', 'Helvetica Neue CondensedBold';
+%font-family-condensed {
+  font-family: 'ProperHelveticaCondensed';
 }
 
 .highlight {

diff --git a/assets/style.scss b/assets/style.scss
@@ -138,7 +138,7 @@ body {
   -webkit-flex-grow: 1;
 
   h1 {
-    @extend %font-family-condensed-bold;
+    @extend %font-family-condensed;
     text-transform: uppercase;
     font-size: 14.4pt;
     font-weight: inherit;
-Original file line number
+Diff line change
@@ Expand Up / @@ -27,7 +27,7 @@ @@
       }
       .entry-title {
-        font-weight: bold;
+        @extend %font-family-medium;
       }
     }
@@ Expand Down @@