diff --git a/resources/views/pdf-designs/bold.html b/resources/views/pdf-designs/bold.html
index 8545f2b65c00..245515e97374 100644
--- a/resources/views/pdf-designs/bold.html
+++ b/resources/views/pdf-designs/bold.html
@@ -1,4 +1,6 @@
 <style id="style">
+    @import url($font_url);
+
     :root {
         --primary-color: $primary_color;
         --secondary-color: $secondary_color;
@@ -8,7 +10,7 @@
     body {
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
-        font-family: Arial, Helvetica, sans-serif;
+        font-family: $font_name, Helvetica, sans-serif;
         font-size: "$font_size";
         zoom: 80%;
     }
diff --git a/resources/views/pdf-designs/business.html b/resources/views/pdf-designs/business.html
index a300eddfb01e..29086bb2b409 100644
--- a/resources/views/pdf-designs/business.html
+++ b/resources/views/pdf-designs/business.html
@@ -1,4 +1,6 @@
 <style id="style">
+    @import url($font_url);
+    
     :root {
         --primary-color: $primary_color;
         --secondary-color: $secondary_color;
@@ -8,7 +10,7 @@
     body {
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
-        font-family: Arial, Helvetica, sans-serif;
+        font-family: $font_name, Helvetica, sans-serif;
         font-size: "$font_size";
         zoom: 80%;
     }
diff --git a/resources/views/pdf-designs/clean.html b/resources/views/pdf-designs/clean.html
index 5f6f5643bb96..d53a34ca3d2d 100644
--- a/resources/views/pdf-designs/clean.html
+++ b/resources/views/pdf-designs/clean.html
@@ -1,4 +1,6 @@
 <style id="style">
+    @import url($font_url);
+
     :root {
         --primary-color: $primary_color;
         --secondary-color: $secondary_color;
@@ -8,7 +10,7 @@
     body {
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
-        font-family: Arial, Helvetica, sans-serif;
+        font-family: $font_name, Helvetica, sans-serif;
         font-size: "$font_size";
         zoom: 80%;
     }
diff --git a/resources/views/pdf-designs/creative.html b/resources/views/pdf-designs/creative.html
index 453046cb6390..408db2250368 100644
--- a/resources/views/pdf-designs/creative.html
+++ b/resources/views/pdf-designs/creative.html
@@ -1,4 +1,6 @@
 <style id="style">
+    @import url($font_url);
+
     :root {
         --primary-color: $primary_color;
         --secondary-color: $secondary_color;
@@ -8,7 +10,7 @@
     body {
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
-        font-family: Arial, Helvetica, sans-serif;
+        font-family: $font_name, Helvetica, sans-serif;
         font-size: "$font_size";
         zoom: 80%;
     }
diff --git a/resources/views/pdf-designs/elegant.html b/resources/views/pdf-designs/elegant.html
index e7890badd73c..e5c457ad32c1 100644
--- a/resources/views/pdf-designs/elegant.html
+++ b/resources/views/pdf-designs/elegant.html
@@ -1,4 +1,6 @@
 <style id="style">
+    @import url($font_url);
+
     :root {
         --primary-color: $primary_color;
         --secondary-color: $secondary_color;
@@ -8,7 +10,7 @@
     body {
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
-        font-family: Arial, Helvetica, sans-serif;
+        font-family: $font_name, Helvetica, sans-serif;
         font-size: "$font_size";
         zoom: 80%;
     }
diff --git a/resources/views/pdf-designs/hipster.html b/resources/views/pdf-designs/hipster.html
index a2af152de09b..50d3260ae861 100644
--- a/resources/views/pdf-designs/hipster.html
+++ b/resources/views/pdf-designs/hipster.html
@@ -1,4 +1,6 @@
 <style id="style">
+    @import url($font_url);
+
     :root {
         --primary-color: $primary_color;
         --secondary-color: $secondary_color;
@@ -8,7 +10,7 @@
     body {
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
-        font-family: Arial, Helvetica, sans-serif;
+        font-family: $font_name, Helvetica, sans-serif;
         font-size: "$font_size";
         zoom: 80%;
     }
diff --git a/resources/views/pdf-designs/modern.html b/resources/views/pdf-designs/modern.html
index 712af9dd6925..b6bd3cf4bb9f 100644
--- a/resources/views/pdf-designs/modern.html
+++ b/resources/views/pdf-designs/modern.html
@@ -1,4 +1,6 @@
 <style id="style">
+      @import url($font_url);
+
       :root {
         --primary-color: #298aab;
         --secondary-color: #7081e0;
@@ -7,7 +9,7 @@
       body {
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
-        font-family: Arial, Helvetica, sans-serif;
+        font-family: $font_name, Helvetica, sans-serif;
         font-size: "7px";
         zoom: 80%;
       }
diff --git a/resources/views/pdf-designs/plain.html b/resources/views/pdf-designs/plain.html
index 53261c501126..febdb4b4b63a 100644
--- a/resources/views/pdf-designs/plain.html
+++ b/resources/views/pdf-designs/plain.html
@@ -1,4 +1,6 @@
 <style id="style">
+    @import url($font_url);
+
     :root {
         --primary-color: $primary_color;
         --secondary-color: $secondary_color;
@@ -8,7 +10,7 @@
     body {
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
-        font-family: Arial, Helvetica, sans-serif;
+        font-family: $font_name, Helvetica, sans-serif;
         font-size: "$font_size";
         zoom: 80%;
     }
diff --git a/resources/views/pdf-designs/playful.html b/resources/views/pdf-designs/playful.html
index 66810b868de6..bee8fd207fd1 100644
--- a/resources/views/pdf-designs/playful.html
+++ b/resources/views/pdf-designs/playful.html
@@ -1,4 +1,6 @@
 <style id="style">
+    @import url($font_url);
+
     :root {
         --primary-color: $primary_color;
         --secondary-color: $secondary_color;
@@ -8,7 +10,7 @@
     body {
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
-        font-family: Arial, Helvetica, sans-serif;
+        font-family: $font_name, Helvetica, sans-serif;
         font-size: "$font_size";
         zoom: 80%;
     }
diff --git a/resources/views/pdf-designs/tech.html b/resources/views/pdf-designs/tech.html
index 139eb8214825..9c253db94756 100644
--- a/resources/views/pdf-designs/tech.html
+++ b/resources/views/pdf-designs/tech.html
@@ -1,4 +1,6 @@
 <style id="style">
+    @import url($font_url);
+
     :root {
         --primary-color: $primary_color;
         --secondary-color: $secondary_color;
@@ -7,7 +9,7 @@
     body {
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
-        font-family: Arial, Helvetica, sans-serif;
+        font-family: $font_name, Helvetica, sans-serif;
         font-size: "$font_size";
         zoom: 80%;
         margin: 0;