fix issue #3: ship "Fira Code" font file to display in all browsers

gilesv · Sep 12, 2019 · ca89839 · ca89839
1 parent 6b891a7
commit ca89839
Show file tree

Hide file tree

Showing 7 changed files with 9 additions and 5 deletions.
diff --git a/src/fonts/FiraCodeRegular.woff2 b/src/fonts/FiraCodeRegular.woff2
diff --git a/src/index.tsx b/src/index.tsx
@@ -11,6 +11,7 @@ import "normalize.css";
 import "@blueprintjs/core/lib/css/blueprint.css";
 import "@blueprintjs/datetime/lib/css/blueprint-datetime.css";
 import "./styles/root.scss";
+import "./fonts/FiraCodeRegular.woff2";
 
 const version = "0.0.2";
 

diff --git a/src/styles/components/app.scss b/src/styles/components/app.scss
@@ -16,7 +16,7 @@
  font-size: 26px;
  margin: 0;
  color: $primary;
- font-family: 'Fira Code';
+ font-family: FiraCode;
 
  span {
  font-size: 10px;

diff --git a/src/styles/components/story-details.scss b/src/styles/components/story-details.scss
@@ -36,7 +36,7 @@
 
  [contenteditable] {
  display: inline-block;
- font-family: 'Fira Code';
+ font-family: FiraCode;
  font-size: 20px;
  border: 1px solid transparent;
  width: fit-content;

diff --git a/src/styles/components/task-form.scss b/src/styles/components/task-form.scss
@@ -31,7 +31,7 @@
 
  textarea {
  resize: vertical;
- font-family: 'Fira Code';
+ font-family: FiraCode;
  min-height: 200px;
  }
 

diff --git a/src/styles/components/task-item.scss b/src/styles/components/task-item.scss
@@ -31,7 +31,7 @@
 
  &__title {
  font-size: 16px;
- font-family: 'Fira Code';
+ font-family: FiraCode;
  }
 
  &__tags {

diff --git a/src/styles/root.scss b/src/styles/root.scss
@@ -22,7 +22,10 @@ $darkpurple: #5107bf;
 @import "./components/save-info";
 
 // Fonts
-@import url('https://fonts.googleapis.com/css?family=Fira+Code:400&display=swap');
+@font-face {
+ font-family: FiraCode;
+ src: local("FiraCodeRegular"), url(../fonts/FiraCodeRegular.woff2) format('woff2');
+}
 
 // resets
 button.bp3-button {