CSS: Use Prompt as the main font

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>

diff --git a/frontend/src/assets/main.scss b/frontend/src/assets/main.scss
index eae5b205835871b0e08db57b95bf2666fad6deec..b14ff0101b3516395be1bca8096af46baebfa54e 100644 (file)
--- a/frontend/src/assets/main.scss
+++ b/frontend/src/assets/main.scss
@@ -1,4 +1,69 @@
+/*
+       Variables
+*/
+
 /*
        Import all of Bulma
 */
-@use "bulma/bulma";
+@use "bulma/sass" with (
+       // Fonts
+       $family-primary: "Prompt, sans-serif",
+);
+
+/*
+       Fonts
+*/
+
+/* latin-ext */
+@font-face {
+       font-family: "Prompt";
+       font-style: normal;
+       font-weight: 400;
+       src: url(@/assets/fonts/Prompt-Regular.woff2) format("woff2"), url(@/assets/fonts/Prompt-Regular.ttf) format("truetype");
+       unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+       font-family: "Prompt";
+       font-style: normal;
+       font-weight: 400;
+       src: url(@/assets/fonts/Prompt-Regular.woff2) format("woff2"), url(@/assets/fonts/Prompt-Regular.ttf) format("truetype");
+       unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin-ext */
+@font-face {
+       font-family: 'Prompt';
+       font-style: normal;
+       font-weight: 500;
+       src: url(@/assets/fonts/Prompt-Medium.woff2) format("woff2"), url(@/assets/fonts/Prompt-Medium.ttf) format("truetype");
+       unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+       font-family: 'Prompt';
+       font-style: normal;
+       font-weight: 500;
+       src: url(@/assets/fonts/Prompt-Medium.woff2) format("woff2"), url(@/assets/fonts/Prompt-Medium.ttf) format("truetype");
+       unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin-ext */
+@font-face {
+       font-family: "Prompt";
+       font-style: normal;
+       font-weight: 700;
+       src: url(@/assets/fonts/Prompt-Bold.woff2) format("woff2"), url(@/assets/fonts/Prompt-Bold.ttf) format("truetype");
+       unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+       font-family: "Prompt";
+       font-style: normal;
+       font-weight: 700;
+       src: url(@/assets/fonts/Prompt-Bold.woff2) format("woff2"), url(@/assets/fonts/Prompt-Bold.ttf) format("truetype");
+       unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}