diff --git a/packages/foundations/assets/fonts/DBScreenFlexVF.woff2 b/packages/foundations/assets/fonts/DBScreenFlexVF.woff2 new file mode 100644 index 00000000000..37ff1c1b608 Binary files /dev/null and b/packages/foundations/assets/fonts/DBScreenFlexVF.woff2 differ diff --git a/packages/foundations/scss/_font-faces.scss b/packages/foundations/scss/_font-faces.scss index 1d983b0af0f..e1aff47873a 100644 --- a/packages/foundations/scss/_font-faces.scss +++ b/packages/foundations/scss/_font-faces.scss @@ -16,6 +16,9 @@ $db-screensans-bold: assets-paths.$fonts-path + $db-screensans-digital-regular: assets-paths.$fonts-path + internals.$db-font-db-screensans-digital-regular-woff2; +$db-screenflex: assets-paths.$fonts-path + + internals.$db-font-db-screenflex-woff2; + @font-face { font-family: internals.$db-font-db-screenhead-light-font-family; font-style: normal; @@ -70,3 +73,12 @@ $db-screensans-digital-regular: assets-paths.$fonts-path + ), url($db-screensans-digital-regular) format("woff2"); } + +@font-face { + font-family: internals.$db-font-db-screenflex-font-family; + src: + local(internals.$db-font-db-screenflex-name), + local(internals.$db-font-db-screenflex-local-name), + local(internals.$db-font-db-screenflex-local-name-short), + url($db-screenflex) format("woff2"); +} diff --git a/packages/foundations/tokens/font.jsonc b/packages/foundations/tokens/font.jsonc index d3939b6890c..dc3fad08c44 100644 --- a/packages/foundations/tokens/font.jsonc +++ b/packages/foundations/tokens/font.jsonc @@ -190,9 +190,41 @@ } } }, + "db-screenflex": { + "name": { + "value": "'DB Screen Flex'", + "attributes": { + "target": "web" + } + }, + "local-name": { + "value": "DB Screen Flex", + "attributes": { + "target": "web" + } + }, + "local-name-short": { + "value": "DB Flex", + "attributes": { + "target": "web" + } + }, + "font-family": { + "value": "'DB Screen Flex'", + "attributes": { + "target": "web" + } + }, + "woff2": { + "value": "'DBScreenFlexVF.woff2'", + "attributes": { + "target": "web" + } + } + }, "family": { "sans": { - "value": "{font.db-screensans-regular.font-family.value}, Helvetica, Arial, sans-serif", + "value": "{font.db-screenflex.font-family.value}, Helvetica, Arial, sans-serif", "attributes": { "target": "web" } @@ -204,7 +236,7 @@ } }, "bold": { - "value": "{font.db-screensans-bold.font-family.value}, Helvetica, Arial, sans-serif", + "value": "{font.db-screenflex.font-family.value}, Helvetica, Arial, sans-serif", "attributes": { "target": "web" }