diff --git a/src/LIN3S/PatternLibraryBuilder/Resources/assets/scss/_variables/_typography.scss b/src/LIN3S/PatternLibraryBuilder/Resources/assets/scss/_variables/_typography.scss
index 3619493..391b796 100644
--- a/src/LIN3S/PatternLibraryBuilder/Resources/assets/scss/_variables/_typography.scss
+++ b/src/LIN3S/PatternLibraryBuilder/Resources/assets/scss/_variables/_typography.scss
@@ -31,3 +31,5 @@ $line-height-open-sans-font-size-16: 22px;
 $line-height-open-sans-font-size-15: 18px;
 $line-height-open-sans-font-size-14: 18px;
 $line-height-open-sans-font-size-12: 16px;
+$primary-typography: 'Open Sans', sans-serif;
+$secondary-typography: 'Open Sans', sans-serif;
diff --git a/src/LIN3S/PatternLibraryBuilder/Resources/templates/partials/custom_styles.html.twig b/src/LIN3S/PatternLibraryBuilder/Resources/templates/partials/custom_styles.html.twig
index 447617f..a5b758a 100644
--- a/src/LIN3S/PatternLibraryBuilder/Resources/templates/partials/custom_styles.html.twig
+++ b/src/LIN3S/PatternLibraryBuilder/Resources/templates/partials/custom_styles.html.twig
@@ -1,5 +1,7 @@
 <style>
     :root {
         --pbl-color-primary: {{ color_primary }};
+        {{ primary_typography ? '--pbl-primary-typography: ' ~ primary_typography }};
+        {{ secondary_typography ? '--pbl-secondary-typography: ' ~ secondary_typography }};
     }
 </style>
diff --git a/src/LIN3S/PatternLibraryBuilder/Symfony/DependencyInjection/Configuration.php b/src/LIN3S/PatternLibraryBuilder/Symfony/DependencyInjection/Configuration.php
index dadab7d..347bcec 100644
--- a/src/LIN3S/PatternLibraryBuilder/Symfony/DependencyInjection/Configuration.php
+++ b/src/LIN3S/PatternLibraryBuilder/Symfony/DependencyInjection/Configuration.php
@@ -78,5 +78,7 @@ private function themeProperties(ArrayNodeDefinition $themeNode) : ArrayNodeDefi
 
     const THEME_PROPERTIES = [
         'color_primary',
+        'primary_typography',
+        'secondary_typography',
     ];
 }