diff --git a/app.vue b/app.vue
index 17e8c297b..5433e7370 100644
--- a/app.vue
+++ b/app.vue
@@ -20,8 +20,8 @@ useHead({
     style: [{
         textContent:
             `:root {
-              --font-headings: ${config.style.fontHeadings.join(', ')};
-              --font-text: ${config.style.fontText.join(', ')};
+              --font-headings: ${config.style.fontHeadings.map((font) => `'${font}'`).join(',')};
+              --font-text: ${config.style.fontText.map((font) => `'${font}'`).join(',')};
             }`,
     }],
     link: [