chore(frontend): ttf to woff conversion

frontend/src/_common.sass

@@ -1,4 +1,4 @@
-// SPDX-FileCopyrightText: 2022-2023 Sarah Vaupel <sarah.vaupel@uniworx.de>, Gregor Kleen <gregor.kleen@ifi.lmu.de>
+// SPDX-FileCopyrightText: 2022-2024 Sarah Vaupel <sarah.vaupel@uniworx.de>, Gregor Kleen <gregor.kleen@ifi.lmu.de>, David Mosbach <david.mosbach@uniworx.de>
 //
 // SPDX-License-Identifier: AGPL-3.0-or-later
 // SPDX-License-Identifier: LicenseRef-Fraport-Corporate-Design
@@ -11,42 +11,42 @@
 
 @font-face
   font-family: "FRADrive Sans"
-  src: url('./../../assets/fonts/fradrive/FRADriveSans-Regular.woff2') format('woff2'), url('./../../assets/fonts/fradrive/FRADriveSans-Regular.woff') format('woff')
+  src: url('./../../static/wp-5.73/FRADriveSans-Regular.woff2') format('woff2'), url('./../../static/wp-5.73/FRADriveSans-Regular.woff') format('woff')
   font-weight: 100 500
   font-style: normal
 @font-face
   font-family: "FRADrive Sans"
-  src: url('./../../assets/fonts/fradrive/FRADriveSans-Italic.woff2') format('woff2'), url('./../../assets/fonts/fradrive/FRADriveSans-Italic.woff') format('woff')
+  src: url('./../../static/wp-5.73/FRADriveSans-Italic.woff2') format('woff2'), url('./../../static/wp-5.73/FRADriveSans-Italic.woff') format('woff')
   font-weight: 100 500
   font-style: italic
 @font-face
   font-family: "FRADrive Sans"
-  src: url('./../../assets/fonts/fradrive/FRADriveSans-Bold.woff2') format('woff2'), url('./../../assets/fonts/fradrive/FRADriveSans-Bold.woff') format('woff')
+  src: url('./../../static/wp-5.73/FRADriveSans-Bold.woff2') format('woff2'), url('./../../static/wp-5.73/FRADriveSans-Bold.woff') format('woff')
   font-weight: 600 1000
   font-style: normal
 @font-face
   font-family: "FRADrive Sans"
-  src: url('./../../assets/fonts/fradrive/FRADriveSans-BoldItalic.woff2') format('woff2'), url('./../../assets/fonts/fradrive/FRADriveSans-BoldItalic.woff') format('woff')
+  src: url('./../../static/wp-5.73/FRADriveSans-BoldItalic.woff2') format('woff2'), url('./../../static/wp-5.73/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')
+  src: url('./../../static/wp-5.73/FRADriveMono-Regular.woff2') format('woff2'), url('./../../static/wp-5.73/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')
+  src: url('./../../static/wp-5.73/FRADriveMono-Italic.woff2') format('woff2'), url('./../../static/wp-5.73/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')
+  src: url('./../../static/wp-5.73/FRADriveMono-Bold.woff2') format('woff2'), url('./../../static/wp-5.73/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')
+  src: url('./../../static/wp-5.73/FRADriveMono-BoldItalic.woff2') format('woff2'), url('./../../static/wp-5.73/FRADriveMono-BoldItalic.woff') format('woff')
   font-weight: 600 1000
   font-style: italic

package.json

@@ -112,6 +112,8 @@
     "@juggle/resize-observer": "^3.3.1",
     "core-js": "^3.22.8",
     "css.escape": "^1.5.1",
+    "fontfacegen": "^0.5.1",
+    "fontfacegen-webpack-plugin": "^1.3.2",
     "js-cookie": "^3.0.1",
     "lodash.debounce": "^4.0.8",
     "lodash.defer": "^4.1.0",

shell.nix

@@ -289,6 +289,7 @@ in pkgs.mkShell {
         luatexbase lualatex-math unicode-math selnolig # required for LuaTeX
         ;
       })
+      fontforge
     ]
   ) ++ (with pkgs.haskellPackages; [ yesod-bin hlint cabal-install weeder ]);
 }

webpack.config.js

@@ -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>
+// SPDX-FileCopyrightText: 2022-2024 Gregor Kleen <gregor.kleen@ifi.lmu.de>,Sarah Vaupel <sarah.vaupel@ifi.lmu.de>,Sarah Vaupel <vaupel.sarah@campus.lmu.de>,David Mosbach <david.mosbach@uniworx.de>
 //
 // SPDX-License-Identifier: AGPL-3.0-or-later
 
@@ -13,6 +13,7 @@ const request = require('request-promise');
 
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
+const FontfacegenPlugin = require('fontfacegen-webpack-plugin');
 const { WebpackManifestPlugin } = require('webpack-manifest-plugin');
 const { CleanWebpackPlugin } = require('clean-webpack-plugin');
 const CopyPlugin = require('copy-webpack-plugin');
@@ -130,6 +131,9 @@ async function webpackConfig() {
         generate: (seed, files, entrypoints) => Object.keys(entrypoints).reduce((acc, fs) => ({...acc, [fs]: files.filter(file => entrypoints[fs].filter(basename => !(/\.map$/.test(basename))).some(basename => file.path.endsWith(basename))).filter(file => file.isInitial).map(file => file.path)}), {}),
         serialize: yaml.dump
       }),
+      new FontfacegenPlugin({
+        tasks: ['assets/fonts/fradrive/']
+      }),
       new CleanWebpackPlugin({
         cleanOnceBeforeBuildPatterns: [ path.resolve(__dirname, 'static'),
                                         path.resolve(__dirname, 'well-known'),