fix(*): add FiraSans-Bold (fira sans v8 600) webfont to improve rende…

…ring of bold in safari, change scss for chapter links to explicitly use bold when active
podlove · Sep 6, 2018 · fe856a8 · fe856a8
1 parent f52e723
commit fe856a8
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 1 deletion.
diff --git a/src/components/tabs/chapters/ChapterEntry.vue b/src/components/tabs/chapters/ChapterEntry.vue
@@ -196,6 +196,12 @@
 
     &.active {
       font-weight: 500;
+      
+      .chapter--progress {
+        .info-link {
+          font-weight: bold;
+        }
+      }
     }
 
     .index {
@@ -223,7 +229,7 @@
       }
           
       .info-link {
-        font-weight: bolder;
+        font-weight: 500;
         text-align: right;
       }
       

diff --git a/src/styles/_font.scss b/src/styles/_font.scss
@@ -14,6 +14,14 @@
   font-weight: 500;
 }
 
+@font-face {
+  font-family: Fira Sans;
+  src: url('~styles/fonts/FiraSans-Bold.eot') format('eot'),
+       url('~styles/fonts/FiraSans-Bold.woff') format('woff'),
+       url('~styles/fonts/FiraSans-Bold.woff2') format('woff2');
+  font-weight: 700;
+}
+
 @font-face {
   font-family: Fira Mono;
   src: url('~styles/fonts/FiraMono-Regular.eot') format('eot'),

diff --git a/src/styles/fonts/FiraSans-Bold.eot b/src/styles/fonts/FiraSans-Bold.eot
diff --git a/src/styles/fonts/FiraSans-Bold.woff b/src/styles/fonts/FiraSans-Bold.woff
diff --git a/src/styles/fonts/FiraSans-Bold.woff2 b/src/styles/fonts/FiraSans-Bold.woff2