diff --git a/addons/website/static/src/scss/website.scss b/addons/website/static/src/scss/website.scss
index dc623dd464e..0260d4120e9 100644
--- a/addons/website/static/src/scss/website.scss
+++ b/addons/website/static/src/scss/website.scss
@@ -136,6 +136,7 @@ $-seen-urls: ();
     @include print-variable('display-3-margin-bottom', $display-3-margin-bottom);
     @include print-variable('display-4-margin-bottom', $display-4-margin-bottom);
 
+    @include print-variable('set-buttons-font', o-get-font-info('buttons'));
     @include print-variable('btn-padding-y', $btn-padding-y);
     @include print-variable('btn-padding-x', $btn-padding-x);
     @include print-variable('btn-font-size', $btn-font-size);
diff --git a/addons/website/views/snippets/snippets.xml b/addons/website/views/snippets/snippets.xml
index 3c78bd8b26a..bd6bac6ddaf 100644
--- a/addons/website/views/snippets/snippets.xml
+++ b/addons/website/views/snippets/snippets.xml
@@ -1882,6 +1882,12 @@
         <we-input string="Border Width" class="o_we_sublevel_1" data-customize-website-variable=""
             data-variable="btn-secondary-outline-border-width" data-dependencies="btn_secondary_outline_opt"
             data-unit="px" data-save-unit="rem"/>
+        <we-row string="Font family">
+            <we-fontfamilypicker data-variable="buttons-font"/>
+            <we-button class="fa fa-fw fa-remove o_we_hover_danger o_we_link" title="Reset to Paragraph Font Family"
+                data-customize-website-variable="" data-variable="buttons-font"
+                data-remove-font="set-buttons-font" data-no-preview="true"/>
+        </we-row>
         <we-collapse>
             <we-row string="Padding">
                 <we-input title="Y" data-customize-website-variable="" data-variable="btn-padding-y" data-unit="px" data-save-unit="rem"/>