diff --git a/packages/demo/src/styles/typographies.css b/packages/demo/src/styles/typographies.css
index 77a6c1a..0620fa0 100644
--- a/packages/demo/src/styles/typographies.css
+++ b/packages/demo/src/styles/typographies.css
@@ -1,3 +1,10 @@
+/*
+ * These generated typography declarations rely on the given font being already available in your front end code.
+ * There are 0 custom fonts and 1 fonts from Google Fonts.
+ * You can choose to load the latter from the Google Fonts CSS API in a HTML document using:
+ * <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Work%20Sans:700,400">
+*/
+
 .EasyFest\:_Design_System_\&_Landing_page--🖥_Title_Medium {
   line-height: 1.2000000000000002;
   font-style: normal;
diff --git a/packages/demo/src/styles/typographies.scss b/packages/demo/src/styles/typographies.scss
index a1bb404..815f72d 100644
--- a/packages/demo/src/styles/typographies.scss
+++ b/packages/demo/src/styles/typographies.scss
@@ -1,3 +1,8 @@
+// These generated typography declarations rely on the given font being already available in your front end code.
+// There are 0 custom fonts and 1 fonts from Google Fonts.
+// You can choose to load the latter from the Google Fonts CSS API in a HTML document using:
+// <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Work%20Sans:700,400">
+
 $🖥_Title_Medium: (
   "line-height": 1.2000000000000002,
   "font-style": normal,