@@ -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",
@@ -28,3 +28,6 @@ $families: (
}
$text-card-header-height: 4rem;
+
+$font-family-sans-serif: 'Noto Sans';
@@ -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');
+ }
+}
@@ -0,0 +1,18 @@
+$location: '~@/assets/fonts/redaction';
+$font-name: 'Redaction';
+$font-slug: 'redaction';
+ src: url('#{$location}/#{$font-slug}-#{$weight}-#{$style}.woff2') format('woff2');