feat(ui): switch to B612 font for better readability

f-eld-ch · Jan 25, 2024 · ca2f76b · ca2f76b
1 parent 8fe437c
commit ca2f76b
Show file tree

Hide file tree

Showing 15 changed files with 70 additions and 20 deletions.
diff --git a/src/App.scss b/src/App.scss
@@ -3,11 +3,11 @@
 @import "~bulma/sass/utilities/initial-variables.sass";
 
 // Import the fonts
-@import url("assets/fira-code/fira-code.css");
-@import url("assets/open-sans/open-sans.css");
+@import url("assets/b612-mono/b612-mono.css");
+@import url("assets/b612/b612.css");
 // Update Bulma's global variables
-$family-sans-serif: 'Open Sans', sans-serif;
-$family-monospace: 'Fira Code', monospace;
+$family-sans-serif: 'B612', sans-serif;
+$family-monospace: 'B612 Mono', monospace;
 $weight-light: 100;
 $weight-normal: 300;
 $weight-medium: 500;

diff --git a/src/assets/b612-mono/b612-mono-bold-italic.woff2 b/src/assets/b612-mono/b612-mono-bold-italic.woff2
diff --git a/src/assets/b612-mono/b612-mono-bold.woff2 b/src/assets/b612-mono/b612-mono-bold.woff2
diff --git a/src/assets/b612-mono/b612-mono-italic.woff2 b/src/assets/b612-mono/b612-mono-italic.woff2
diff --git a/src/assets/b612-mono/b612-mono-regular.woff2 b/src/assets/b612-mono/b612-mono-regular.woff2
diff --git a/src/assets/b612-mono/b612-mono.css b/src/assets/b612-mono/b612-mono.css
@@ -0,0 +1,33 @@
+/* b612-mono-bold-italic */
+@font-face {
+	font-family: B612 Mono;
+	font-style: italic;
+	font-weight: 700;
+	src: local("B612 Mono Bold Italic"), local("B612Mono-BoldItalic"), url(b612-mono-bold-italic.woff2) format("woff2");
+	font-display: auto;
+}
+/* b612-mono-bold */
+@font-face {
+	font-family: B612 Mono;
+	font-style: normal;
+	font-weight: 700;
+	src: local("B612 Mono Bold"), local("B612Mono-Bold"), url(b612-mono-bold.woff2) format("woff2");
+	font-display: auto;
+}
+/* b612-mono-regular */
+@font-face {
+	font-family: B612 Mono;
+	font-style: normal;
+	font-weight: 400;
+	src: local("B612 Mono Regular"), local("B612Mono-Regular"), url(b612-mono-regular.woff2) format("woff2");
+	font-display: auto;
+}
+/* b612-mono-italic */
+@font-face {
+	font-family: B612 Mono;
+	font-style: italic;
+	font-weight: 400;
+	src: local("B612 Mono Italic"), local("B612Mono-Italic"), url(b612-mono-italic.woff2) format("woff2");
+	font-display: auto;
+}
+
diff --git a/src/assets/b612/b612-bold-italic.woff2 b/src/assets/b612/b612-bold-italic.woff2
diff --git a/src/assets/b612/b612-bold.woff2 b/src/assets/b612/b612-bold.woff2
diff --git a/src/assets/b612/b612-italic.woff2 b/src/assets/b612/b612-italic.woff2
diff --git a/src/assets/b612/b612-regular.woff2 b/src/assets/b612/b612-regular.woff2
diff --git a/src/assets/b612/b612.css b/src/assets/b612/b612.css
@@ -0,0 +1,33 @@
+/* b612-italic */
+@font-face {
+	font-family: B612;
+	font-style: italic;
+	font-weight: 400;
+	src: local("B612 Italic"), local("B612-Italic"), url(b612-italic.woff2) format("woff2");
+	font-display: auto;
+}
+/* b612-regular */
+@font-face {
+	font-family: B612;
+	font-style: normal;
+	font-weight: 400;
+	src: local("B612 Regular"), local("B612-Regular"), url(b612-regular.woff2) format("woff2");
+	font-display: auto;
+}
+/* b612-bold-italic */
+@font-face {
+	font-family: B612;
+	font-style: italic;
+	font-weight: 700;
+	src: local("B612 Bold Italic"), local("B612-BoldItalic"), url(b612-bold-italic.woff2) format("woff2");
+	font-display: auto;
+}
+/* b612-bold */
+@font-face {
+	font-family: B612;
+	font-style: normal;
+	font-weight: 700;
+	src: local("B612 Bold"), local("B612-Bold"), url(b612-bold.woff2) format("woff2");
+	font-display: auto;
+}
+
diff --git a/src/assets/fira-code/fira-code-regular.woff2 b/src/assets/fira-code/fira-code-regular.woff2
diff --git a/src/assets/fira-code/fira-code.css b/src/assets/fira-code/fira-code.css
diff --git a/src/assets/open-sans/open-sans-regular.woff2 b/src/assets/open-sans/open-sans-regular.woff2
diff --git a/src/assets/open-sans/open-sans.css b/src/assets/open-sans/open-sans.css