diff --git a/packages/uui-css/lib/custom-properties.css b/packages/uui-css/lib/custom-properties.css
index 2b2e34518..530079fc4 100644
--- a/packages/uui-css/lib/custom-properties.css
+++ b/packages/uui-css/lib/custom-properties.css
@@ -6,3 +6,4 @@ UUI - Mapping-level or specific component name - State - Name - Part - Overwrite
 @import './custom-properties/shadow.css';
 @import './custom-properties/palette.css';
 @import './custom-properties/colors.css';
+@import './custom-properties/fonts.css';
diff --git a/packages/uui-css/lib/custom-properties/fonts.css b/packages/uui-css/lib/custom-properties/fonts.css
new file mode 100644
index 000000000..e5d428d48
--- /dev/null
+++ b/packages/uui-css/lib/custom-properties/fonts.css
@@ -0,0 +1,5 @@
+@import '../typography/lato.css';
+
+:root {
+  --uui-font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+}