diff --git a/src/assets/fonts/DINEngschriftStd.otf b/src/assets/fonts/DINEngschriftStd.otf
new file mode 100644
index 0000000..ae85f8e
Binary files /dev/null and b/src/assets/fonts/DINEngschriftStd.otf differ
diff --git a/src/assets/main.css b/src/assets/main.css
index 70ab69a..590dcfb 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -1,10 +1,16 @@
-@import 'https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,400;1,700&display=swap';
+/*@import 'https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,400;1,700&display=swap';*/
 @import 'https://fonts.googleapis.com/icon?family=Material+Icons';
 @import 'tailwindcss';
 .card {
   width: 9cm;
   height: 6.5cm;
 }
+
+@font-face {
+  font-family: 'DINEngschrift';
+  src: url('@/assets/fonts/DINEngschriftStd.otf') format('opentype');
+}
+
 @media print {
   .noPrint {
     display: none;
diff --git a/src/components/card.vue b/src/components/card.vue
index bcdb921..70a8b94 100644
--- a/src/components/card.vue
+++ b/src/components/card.vue
@@ -20,8 +20,8 @@ const props = defineProps<{
     >
       <logo class="absolute top-0 left-0" :color="card.textColor" />
       <p
-        class="text-center w-full mx-16 align-center h-fit my-auto text-white text-3xl font-bold"
-        :style="{ color: card.textColor }"
+        class="text-center w-full mx-16 align-center h-fit my-auto text-white text-5xl"
+        :style="{ color: card.textColor, fontFamily: 'DINEngschrift' }"
       >
         {{ card.title }}
       </p>