add DINEngschrift font for cards, change size of title

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;

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>