From 36c822c747e89ceba8f3fa3d1589740f0c35e846 Mon Sep 17 00:00:00 2001 From: Sarah Vaupel Date: Tue, 24 Oct 2023 20:33:48 +0000 Subject: [PATCH] style(frontend): switch to fraport fonts for app --- frontend/src/_common.sass | 24 ++++++++++++++++++++---- frontend/src/app.sass | 4 ++-- 2 files changed, 22 insertions(+), 6 deletions(-) diff --git a/frontend/src/_common.sass b/frontend/src/_common.sass index 041f2ce81..e05dc6935 100644 --- a/frontend/src/_common.sass +++ b/frontend/src/_common.sass @@ -1,4 +1,4 @@ -// SPDX-FileCopyrightText: 2022 Gregor Kleen +// SPDX-FileCopyrightText: 2022-2023 Sarah Vaupel , Gregor Kleen // // SPDX-License-Identifier: AGPL-3.0-or-later // SPDX-License-Identifier: LicenseRef-Fraport-Corporate-Design @@ -9,6 +9,22 @@ @use "~@fortawesome/fontawesome-pro/scss/solid" -@use "~typeface-roboto" as roboto -@use "~typeface-source-sans-pro" as source-sans-pro -@use "~typeface-source-code-pro" as source-code-pro +// @use "~typeface-roboto" as roboto +// @use "~typeface-source-sans-pro" as source-sans-pro +// @use "~typeface-source-code-pro" as source-code-pro +@font-face + src: url("../../assets/fonts/StoneSansFraportII-Md.woff2") format("woff2") + font-family: "Stone Sans Fraport II Medium" + font-weight: 100 +@font-face + src: url("../../assets/fonts/StoneSansFraportII-MdIt.woff2") format("woff2") + font-family: "Stone Sans Fraport II Medium Italic" + font-weight: 100 +@font-face + src: url("../../assets/fonts/StoneSansFraportII-SmBd.woff2") format("woff2") + font-family: "Stone Sans Fraport II Semibold" + font-weight: 100 +@font-face + src: url("../../assets/fonts/StoneSansFraportII-SmBdIt.woff2") format("woff2") + font-family: "Stone Sans Fraport II Semibold Italic" + font-weight: 100 diff --git a/frontend/src/app.sass b/frontend/src/app.sass index 07326f03d..3c4a2d0aa 100644 --- a/frontend/src/app.sass +++ b/frontend/src/app.sass @@ -27,8 +27,8 @@ --color-fontsec: #5b5861 // FONTS - --font-base: "Source Sans Pro", "Trebuchet MS", sans-serif - --font-logo: "Roboto", var(--font-base) + --font-base: "Stone Sans Fraport II Medium", sans-serif + --font-logo: "Stone Sans Fraport II Semibold", var(--font-base) --font-monospace: "Source Code Pro", monospace // DIMENSIONS