diff --git a/pages/api/[...id].ts b/pages/api/[...id].ts
index bc0b64b..8e44c3a 100644
--- a/pages/api/[...id].ts
+++ b/pages/api/[...id].ts
@@ -20,6 +20,7 @@ export default function handler(
     let params: Parameters = req.query;
     let userid = req.query.id[0];
     res.setHeader("Content-Type", "image/svg+xml; charset=utf-8");
+    res.setHeader("content-security-policy", "default-src 'none'; style-src 'unsafe-inline'");
 
     axios.get(`https://api.lanyard.rest/v1/users/${userid}`)
     .then((response) => {
diff --git a/src/renderCard.tsx b/src/renderCard.tsx
index 31f20b4..10650fd 100644
--- a/src/renderCard.tsx
+++ b/src/renderCard.tsx
@@ -51,7 +51,7 @@ const renderCard = (body: LanyardTypes.Root, params: Parameters): any => {
                         inset: 0;
                         background-color: #1a1c1f;
                         color: #fff;
-                        font-family: 'Century Gothic';
+                        font-family: 'Century Gothic', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
                         font-size: 16px;
                         display: flex;
                         flex-direction: column;