fraport/fradrive
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(frontend): use local FRADrive Sans in application

Browse Source
This commit is contained in:
Sarah Vaupel 2023-11-29 00:45:38 +00:00
parent 2aa6d5e249
commit 6debee64a0
2 changed files with 41 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
frontend/src/_common.sass
View File

@ -9,22 +9,44 @@
@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
@font-face
src: url("../../assets/fonts/StoneSansFraportII-Md.woff2") format("woff2")
font-family: "Stone Sans Fraport II Medium"
font-weight: 100
font-family: "FRADrive Sans"
src: url('./../../assets/fonts/fradrive/FRADriveSans-Regular.woff2') format('woff2'), url('./../../assets/fonts/fradrive/FRADriveSans-Regular.woff') format('woff')
font-weight: 100 500
font-style: normal
@font-face
src: url("../../assets/fonts/StoneSansFraportII-MdIt.woff2") format("woff2")
font-family: "Stone Sans Fraport II Medium Italic"
font-weight: 100
font-family: "FRADrive Sans"
src: url('./../../assets/fonts/fradrive/FRADriveSans-Italic.woff2') format('woff2'), url('./../../assets/fonts/fradrive/FRADriveSans-Italic.woff') format('woff')
font-weight: 100 500
font-style: italic
@font-face
src: url("../../assets/fonts/StoneSansFraportII-SmBd.woff2") format("woff2")
font-family: "Stone Sans Fraport II Semibold"
font-weight: 100
font-family: "FRADrive Sans"
src: url('./../../assets/fonts/fradrive/FRADriveSans-Bold.woff2') format('woff2'), url('./../../assets/fonts/fradrive/FRADriveSans-Bold.woff') format('woff')
font-weight: 600 1000
font-style: normal
@font-face
src: url("../../assets/fonts/StoneSansFraportII-SmBdIt.woff2") format("woff2")
font-family: "Stone Sans Fraport II Semibold Italic"
font-weight: 100
font-family: "FRADrive Sans"
src: url('./../../assets/fonts/fradrive/FRADriveSans-BoldItalic.woff2') format('woff2'), url('./../../assets/fonts/fradrive/FRADriveSans-BoldItalic.woff') format('woff')
font-weight: 600 1000
font-style: italic
@font-face
font-family: "FRADrive Mono"
src: url('./../../assets/fonts/fradrive/FRADriveMono-Regular.woff2') format('woff2'), url('./../../assets/fonts/fradrive/FRADriveMono-Regular.woff') format('woff')
font-weight: 100 500
font-style: normal
@font-face
font-family: "FRADrive Mono"
src: url('./../../assets/fonts/fradrive/FRADriveMono-Italic.woff2') format('woff2'), url('./../../assets/fonts/fradrive/FRADriveMono-Italic.woff') format('woff')
font-weight: 100 500
font-style: italic
@font-face
font-family: "FRADrive Mono"
src: url('./../../assets/fonts/fradrive/FRADriveMono-Bold.woff2') format('woff2'), url('./../../assets/fonts/fradrive/FRADriveMono-Bold.woff') format('woff')
font-weight: 600 1000
font-style: normal
@font-face
font-family: "FRADrive Mono"
src: url('./../../assets/fonts/fradrive/FRADriveMono-BoldItalic.woff2') format('woff2'), url('./../../assets/fonts/fradrive/FRADriveMono-BoldItalic.woff') format('woff')
font-weight: 600 1000
font-style: italic

8
frontend/src/app.sass
View File

@ -1,4 +1,4 @@
// SPDX-FileCopyrightText: 2022 Gregor Kleen <gregor.kleen@ifi.lmu.de>,Sarah Vaupel <sarah.vaupel@ifi.lmu.de>,Sarah Vaupel <vaupel.sarah@campus.lmu.de>,Steffen Jost <jost@cip.ifi.lmu.de>,Wolfgang Witt <Wolfgang.Witt@campus.lmu.de>
// SPDX-FileCopyrightText: 2022-2023 Sarah Vaupel <sarah.vaupel@uniworx.de>, Gregor Kleen <gregor.kleen@ifi.lmu.de>,Sarah Vaupel <sarah.vaupel@ifi.lmu.de>,Sarah Vaupel <vaupel.sarah@campus.lmu.de>,Steffen Jost <jost@cip.ifi.lmu.de>,Wolfgang Witt <Wolfgang.Witt@campus.lmu.de>
//
// SPDX-License-Identifier: AGPL-3.0-or-later
// SPDX-License-Identifier: LicenseRef-Fraport-Corporate-Design
@ -27,9 +27,9 @@
--color-fontsec: #5b5861
// FONTS
--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
--font-base: 'FRADrive Sans', sans-serif
--font-logo: var(--font-base)
--font-monospace: 'FRADrive Mono', monospace
// DIMENSIONS
--header-height: 100px