diff --git a/packages/facets-core/src/facet-container/FacetContainer.css b/packages/facets-core/src/facet-container/FacetContainer.css
index b5d04e7..eb83e99 100644
--- a/packages/facets-core/src/facet-container/FacetContainer.css
+++ b/packages/facets-core/src/facet-container/FacetContainer.css
@@ -30,7 +30,7 @@
 .facet-container-header {
     height: 20px;
     color: var(--facet-container-surface-foreground, #1A1B1C);
-    font-family: "IBM Plex Sans", sans-serif;
+    font-family: var(--facet-font-family, "IBM Plex Sans"), sans-serif;
     font-size: 14px;
     font-style: normal;
     font-weight: 600;
@@ -45,7 +45,7 @@
 .facet-container-footer {
     height: 20px;
     color: var(--facet-container-surface-foreground, #1A1B1C);
-    font-family: "IBM Plex Sans", sans-serif;
+    font-family: var(--facet-font-family, "IBM Plex Sans"), sans-serif;
     font-size: 10px;
     font-style: normal;
     font-weight: 600;
diff --git a/packages/facets-core/src/facet-plugin/default/facet-bars-labels/FacetBarsLabels.css b/packages/facets-core/src/facet-plugin/default/facet-bars-labels/FacetBarsLabels.css
index 4f3a474..5350dd0 100644
--- a/packages/facets-core/src/facet-plugin/default/facet-bars-labels/FacetBarsLabels.css
+++ b/packages/facets-core/src/facet-plugin/default/facet-bars-labels/FacetBarsLabels.css
@@ -70,7 +70,7 @@
     height: 10px;
     margin-top: 2px;
     color: var(--facet-bars-labels-foreground, #B2B3B4);
-    font-family: "IBM Plex Sans", sans-serif;
+    font-family: var(--facet-font-family, "IBM Plex Sans"), sans-serif;
     font-size: 10px;
     line-height: 10px;
 }
diff --git a/packages/facets-core/src/facet-plugin/default/facet-timeline-labels/FacetTimelineLabels.css b/packages/facets-core/src/facet-plugin/default/facet-timeline-labels/FacetTimelineLabels.css
index e7343d3..3029a6b 100644
--- a/packages/facets-core/src/facet-plugin/default/facet-timeline-labels/FacetTimelineLabels.css
+++ b/packages/facets-core/src/facet-plugin/default/facet-timeline-labels/FacetTimelineLabels.css
@@ -43,7 +43,7 @@
 
 .facet-timeline-labels-label {
     position: absolute;
-    font-family: "IBM Plex Sans", sans-serif;
+    font-family: var(--facet-font-family, "IBM Plex Sans"), sans-serif;
     font-size: 10px;
     font-style: normal;
     line-height: 13px;
diff --git a/packages/facets-core/src/facet-plugin/default/facet-timeline-selection/FacetTimelineSelection.css b/packages/facets-core/src/facet-plugin/default/facet-timeline-selection/FacetTimelineSelection.css
index 9621a99..8531ed0 100644
--- a/packages/facets-core/src/facet-plugin/default/facet-timeline-selection/FacetTimelineSelection.css
+++ b/packages/facets-core/src/facet-plugin/default/facet-timeline-selection/FacetTimelineSelection.css
@@ -124,7 +124,7 @@
     top: 2px;
 
     color: var(--facet-timeline-date-foreground, #050D5C);
-    font-family: "IBM Plex Sans", sans-serif;
+    font-family: var(--facet-font-family, "IBM Plex Sans"), sans-serif;
     font-size: 12px;
     font-style: normal;
     font-weight: 600;
diff --git a/packages/facets-core/src/facet-terms-value/FacetTermsValue.css b/packages/facets-core/src/facet-terms-value/FacetTermsValue.css
index 3acfc98..8edcf50 100644
--- a/packages/facets-core/src/facet-terms-value/FacetTermsValue.css
+++ b/packages/facets-core/src/facet-terms-value/FacetTermsValue.css
@@ -197,7 +197,7 @@
 }
 
 .facet-term-label {
-    font-family: "IBM Plex Sans", sans-serif;
+    font-family: var(--facet-font-family, "IBM Plex Sans"), sans-serif;
     font-size: 12px;
     line-height: 16px;
     letter-spacing: 0.02em;
@@ -205,7 +205,7 @@
 }
 
 .facet-term-annotation {
-    font-family: "IBM Plex Sans", sans-serif;
+    font-family: var(--facet-font-family, "IBM Plex Sans"), sans-serif;
     font-size: 12px;
     line-height: 16px;
     letter-spacing: 0.02em;
@@ -216,7 +216,7 @@
 }
 
 .facet-term-value {
-    font-family: "IBM Plex Sans", sans-serif;
+    font-family: var(--facet-font-family, "IBM Plex Sans"), sans-serif;
     font-size: 12px;
     line-height: 16px;
     letter-spacing: 0.02em;
diff --git a/packages/facets-docs/src/basic/examples/facet-list/style.css b/packages/facets-docs/src/basic/examples/facet-list/style.css
index f8ce8c9..9945d2a 100644
--- a/packages/facets-docs/src/basic/examples/facet-list/style.css
+++ b/packages/facets-docs/src/basic/examples/facet-list/style.css
@@ -44,7 +44,7 @@
 }
 
 .histogram-header {
-    font-family: "IBM Plex Sans", sans-serif;
+    font-family: var(--facet-font-family, "IBM Plex Sans") sans-serif;
     font-size: 14px;
     line-height: 16px;
     margin: 5px;
@@ -69,7 +69,7 @@
 }
 
 .inspired-header {
-    font-family: "IBM Plex Sans", sans-serif;
+    font-family: var(--facet-font-family, "IBM Plex Sans") sans-serif;
     font-size: 14px;
     line-height: 35px;
     height: 35px;
@@ -89,7 +89,7 @@
     height: 45px;
     color: white;
 
-    font-family: "IBM Plex Sans", sans-serif;
+    font-family: var(--facet-font-family, "IBM Plex Sans") sans-serif;
     font-size: 28px;
     line-height: 45px;
 
diff --git a/packages/facets-docs/src/basic/examples/facet-template/style.css b/packages/facets-docs/src/basic/examples/facet-template/style.css
index 0cc6958..7694d6c 100644
--- a/packages/facets-docs/src/basic/examples/facet-template/style.css
+++ b/packages/facets-docs/src/basic/examples/facet-template/style.css
@@ -36,7 +36,7 @@
 }
 
 .histogram-header {
-    font-family: "IBM Plex Sans", sans-serif;
+    font-family: var(--facet-font-family, "IBM Plex Sans") sans-serif;
     font-size: 14px;
     line-height: 16px;
     border-top: 5px solid white;