diff --git a/src/fonts/FiraCodeRegular.woff2 b/src/fonts/FiraCodeRegular.woff2
new file mode 100644
index 0000000..d58667c
Binary files /dev/null and b/src/fonts/FiraCodeRegular.woff2 differ
diff --git a/src/index.tsx b/src/index.tsx
index 50d80e0..6b6296d 100644
--- 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
index 3461488..2c8b33f 100644
--- 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
index 3191c3a..f3d418e 100644
--- 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
index 4ee75d8..927b657 100644
--- 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
index 1665c4c..4ee14e4 100644
--- 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
index be02e14..dbffaed 100644
--- 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 {