Add new font for German (#7)

QubitPi · Dec 27, 2024 · ca6c90d · ca6c90d
1 parent 9a3313e
commit ca6c90d
Show file tree

Hide file tree

Showing 8 changed files with 20 additions and 0 deletions.
diff --git a/public/fonts/WalbaumFraktur-Bold.ttf b/public/fonts/WalbaumFraktur-Bold.ttf
diff --git a/public/fonts/WalbaumFraktur-Inline-Bold.ttf b/public/fonts/WalbaumFraktur-Inline-Bold.ttf
diff --git a/public/fonts/WalbaumFraktur-Shadow-Bold.ttf b/public/fonts/WalbaumFraktur-Shadow-Bold.ttf
diff --git a/public/fonts/WalbaumFraktur.ttf b/public/fonts/WalbaumFraktur.ttf
diff --git a/src/components/PostCard.astro b/src/components/PostCard.astro
@@ -48,6 +48,7 @@ const fontSwitch = {
     'font-SweynheimPannartz': entry.data.font == 'SweynheimPannartz',
     'font-PangZhonghuaXingKai': entry.data.font == 'PangZhonghuaXingKai',
     'font-DXRedMailboxBold': entry.data.font == 'DXRedMailboxBold',
+    'font-WalbaumFraktur': entry.data.font == 'WalbaumFraktur',
     'font-Porson': entry.data.font == 'Porson',
     'font-Ubuntu': entry.data.font == 'Ubuntu' || entry.data.font == null
 }
@@ -116,6 +117,14 @@ const fontSwitch = {
 </style>
 
 <style is:global>
+    @font-face {
+        font-family: 'WalbaumFraktur';
+        src: url('/fonts/WalbaumFraktur.ttf') format('truetype');
+        font-weight: normal;
+        font-style: normal;
+        font-display: swap;
+    }
+
     @font-face {
         font-family: 'DXRedMailboxBold';
         src: url('/fonts/DXRedMailboxBold.ttf') format('truetype');

diff --git a/src/content/posts/reading-notes-critique-of-pure-reason/index.md b/src/content/posts/reading-notes-critique-of-pure-reason/index.md
@@ -6,6 +6,7 @@ image: cover.png
 tags: [Philosophy]
 category: German
 draft: false 
+font: WalbaumFraktur
 ---
 
 Die Transscendentale Aesthetik

diff --git a/src/pages/posts/[...slug].astro b/src/pages/posts/[...slug].astro
@@ -32,6 +32,7 @@ const fontSwitch = {
     'font-SweynheimPannartz': entry.data.font == 'SweynheimPannartz',
     'font-PangZhonghuaXingKai': entry.data.font == 'PangZhonghuaXingKai',
     'font-DXRedMailboxBold': entry.data.font == 'DXRedMailboxBold',
+    'font-WalbaumFraktur': entry.data.font == 'WalbaumFraktur',
     'font-Porson': entry.data.font == 'Porson',
     'font-Ubuntu': entry.data.font == 'Ubuntu' || entry.data.font == null
 }
@@ -156,6 +157,14 @@ const jsonLd = {
 </MainGridLayout>
 
 <style is:global>
+@font-face {
+    font-family: 'WalbaumFraktur';
+    src: url('/fonts/WalbaumFraktur.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+}
+
 @font-face {
     font-family: 'DXRedMailboxBold';
     src: url('/fonts/DXRedMailboxBold.ttf') format('truetype');

diff --git a/tailwind.config.cjs b/tailwind.config.cjs
@@ -8,6 +8,7 @@ module.exports = {
       fontFamily: {
         sans: ["Ubuntu", "sans-serif", ...defaultTheme.fontFamily.sans],
         Ubuntu: ["Ubuntu", "sans-serif", ...defaultTheme.fontFamily.sans],
+        WalbaumFraktur: ["WalbaumFraktur"],
         SweynheimPannartz: ["SweynheimPannartz", "SweynheimPannartz", "SweynheimPannartz"],
         PangZhonghuaXingKai: ["PangZhonghuaXingKai"],
         DXRedMailboxBold: ["DXRedMailboxBold", "DXRedMailboxBold", "DXRedMailboxBold"],