diff --git a/package.json b/package.json
index 391aa23..6ce69e3 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,7 @@
     "lint:fix": "vue-cli-service lint"
   },
   "dependencies": {
+    "@fontsource/noto-sans": "^4.3.0",
     "axios": "^0.21.1",
     "bootstrap-vue": "^2.21.2",
     "core-js": "^3.6.5",
diff --git a/src/assets/scss/abstracts/_variables.scss b/src/assets/scss/abstracts/_variables.scss
index ef67533..aa13e59 100644
--- a/src/assets/scss/abstracts/_variables.scss
+++ b/src/assets/scss/abstracts/_variables.scss
@@ -28,3 +28,6 @@ $families: (
 }
 
 $text-card-header-height: 4rem;
+
+
+$font-family-sans-serif: 'Noto Sans';
diff --git a/src/assets/scss/fonts/_noto-sans.scss b/src/assets/scss/fonts/_noto-sans.scss
index e69de29..b646da2 100644
--- a/src/assets/scss/fonts/_noto-sans.scss
+++ b/src/assets/scss/fonts/_noto-sans.scss
@@ -0,0 +1,20 @@
+$location: '~@fontsource/noto-sans/files';
+$font-name: 'Noto Sans';
+$font-slug: 'noto-sans-latin';
+$font-styles: (
+  (normal, 400),
+  (italic, 400),
+  (normal, 700),
+  (italic, 700)
+);
+
+@each $style, $weight in $font-styles {
+  @font-face {
+    font-family: $font-name;
+    font-style: $style;
+    font-display: swap;
+    font-weight: $weight;
+    src: url('#{$location}/#{$font-slug}-#{$weight}-#{$style}.woff2') format('woff2'),
+         url('#{$location}/#{$font-slug}-#{$weight}-#{$style}.woff') format('woff');
+  }
+}
diff --git a/src/assets/scss/fonts/_redaction.scss b/src/assets/scss/fonts/_redaction.scss
index e69de29..313e859 100644
--- a/src/assets/scss/fonts/_redaction.scss
+++ b/src/assets/scss/fonts/_redaction.scss
@@ -0,0 +1,18 @@
+$location: '~@/assets/fonts/redaction';
+$font-name: 'Redaction';
+$font-slug: 'redaction';
+$font-styles: (
+  (normal, 400),
+  (italic, 400),
+  (normal, 700),
+);
+
+@each $style, $weight in $font-styles {
+  @font-face {
+    font-family: $font-name;
+    font-style: $style;
+    font-display: swap;
+    font-weight: $weight;
+    src: url('#{$location}/#{$font-slug}-#{$weight}-#{$style}.woff2') format('woff2');
+  }
+}