feat: provide full font characters set as alternative (#2573)

src/components/core/styles/core/font-face.scss

@@ -23,3 +23,29 @@
     font-display: swap;
   }
 }
+
+@mixin font-declarations-full {
+  @font-face {
+    font-family: 'SBBWeb Roman';
+    src:
+      url('https://cdn.app.sbb.ch/fonts/v1/SBBWeb-Roman.woff2') format('woff2'),
+      url('https://cdn.app.sbb.ch/fonts/v1/SBBWeb-Roman.woff') format('woff');
+    font-display: fallback;
+  }
+
+  @font-face {
+    font-family: 'SBBWeb Bold';
+    src:
+      url('https://cdn.app.sbb.ch/fonts/v1/SBBWeb-Bold.woff2') format('woff2'),
+      url('https://cdn.app.sbb.ch/fonts/v1/SBBWeb-Bold.woff') format('woff');
+    font-display: swap;
+  }
+
+  @font-face {
+    font-family: 'SBBWeb Light';
+    src:
+      url('https://cdn.app.sbb.ch/fonts/v1/SBBWeb-Light.woff2') format('woff2'),
+      url('https://cdn.app.sbb.ch/fonts/v1/SBBWeb-Light.woff') format('woff');
+    font-display: swap;
+  }
+}

src/components/core/styles/fullfont.scss

@@ -0,0 +1,3 @@
+@use './core/font-face';
+
+@include font-face.font-declarations-full;

src/components/vite.config.ts

@@ -38,6 +38,9 @@ export default defineConfig((config) =>
                 './typography.css': {
                   style: './typography.css',
                 },
+                './fullfont.css': {
+                  style: './fullfont.css',
+                },
               },
             }),
             copyAssets(['_index.scss', '../../README.md']),

tools/vite/typography.ts

@@ -21,6 +21,15 @@ export function typography(): PluginOption {
         fileName: 'typography.css',
         source: globalCss.css,
       });
+
+      const fullFont = sass.compile(join(viteConfig.root, 'core/styles/fullfont.scss'), {
+        loadPaths: [root.pathname, join(root.pathname, '/node_modules/')],
+      });
+      this.emitFile({
+        type: 'asset',
+        fileName: 'fullfont.css',
+        source: fullFont.css,
+      });
     },
   };
 }