diff --git a/src/qqq/assets/theme-dark/base/typography.ts b/src/qqq/assets/theme-dark/base/typography.ts
index e417163..98c010d 100644
--- a/src/qqq/assets/theme-dark/base/typography.ts
+++ b/src/qqq/assets/theme-dark/base/typography.ts
@@ -149,7 +149,7 @@ interface Types {
 }
 
 const baseProperties = {
-  fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif',
+  fontFamily: '"SF Pro Display", "Roboto", "Helvetica", "Arial", sans-serif',
   fontWeightLighter: 100,
   fontWeightLight: 300,
   fontWeightRegular: 400,
diff --git a/src/qqq/components/legacy/Theme/base/typography.ts b/src/qqq/components/legacy/Theme/base/typography.ts
index 6a01f1f..c9ef4b2 100644
--- a/src/qqq/components/legacy/Theme/base/typography.ts
+++ b/src/qqq/components/legacy/Theme/base/typography.ts
@@ -149,7 +149,7 @@ interface Types {
 }
 
 const baseProperties = {
-  fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif',
+  fontFamily: '"SF Pro Display", "Roboto", "Helvetica", "Arial", sans-serif',
   fontWeightLighter: 100,
   fontWeightLight: 300,
   fontWeightRegular: 400,
diff --git a/src/qqq/components/legacy/typography.ts b/src/qqq/components/legacy/typography.ts
index 4b1749d..f0730e3 100644
--- a/src/qqq/components/legacy/typography.ts
+++ b/src/qqq/components/legacy/typography.ts
@@ -153,7 +153,7 @@ interface Types
 }
 
 const baseProperties = {
-   fontFamily: "\"Roboto\", \"Helvetica\", \"Arial\", sans-serif",
+   fontFamily: "\"SF Pro Display\", \"Roboto\", \"Helvetica\", \"Arial\", sans-serif",
    fontWeightLighter: 100,
    fontWeightLight: 300,
    fontWeightRegular: 400,
diff --git a/src/qqq/components/widgets/charts/barchart/BarChart.tsx b/src/qqq/components/widgets/charts/barchart/BarChart.tsx
index 8894f95..29ee47b 100644
--- a/src/qqq/components/widgets/charts/barchart/BarChart.tsx
+++ b/src/qqq/components/widgets/charts/barchart/BarChart.tsx
@@ -63,7 +63,7 @@ const options = {
             font: {
                size: 14,
                weight: 300,
-               family: "Roboto",
+               family: "SF Pro Display,Roboto",
                style: "normal",
                lineHeight: 2,
             },
@@ -86,7 +86,7 @@ const options = {
             font: {
                size: 14,
                weight: 300,
-               family: "Roboto",
+               family: "SF Pro Display,Roboto",
                style: "normal",
                lineHeight: 2,
             },
diff --git a/src/qqq/components/widgets/charts/barchart/HorizontalBarChart.tsx b/src/qqq/components/widgets/charts/barchart/HorizontalBarChart.tsx
index a1915bc..ebd406c 100644
--- a/src/qqq/components/widgets/charts/barchart/HorizontalBarChart.tsx
+++ b/src/qqq/components/widgets/charts/barchart/HorizontalBarChart.tsx
@@ -67,7 +67,7 @@ const options = {
             font: {
                size: 14,
                weight: 300,
-               family: "Roboto",
+               family: "SF Pro Display,Roboto",
                style: "normal",
                lineHeight: 2,
             },
@@ -88,7 +88,7 @@ const options = {
             font: {
                size: 14,
                weight: 300,
-               family: "Roboto",
+               family: "SF Pro Display,Roboto",
                style: "normal",
                lineHeight: 2,
             },
diff --git a/src/qqq/components/widgets/charts/linechart/LineChartConfigs.ts b/src/qqq/components/widgets/charts/linechart/LineChartConfigs.ts
index 68d089f..a790cb8 100644
--- a/src/qqq/components/widgets/charts/linechart/LineChartConfigs.ts
+++ b/src/qqq/components/widgets/charts/linechart/LineChartConfigs.ts
@@ -69,7 +69,7 @@ function configs(labels: any, datasets: any)
                   font: {
                      size: 14,
                      weight: 300,
-                     family: "Roboto",
+                     family: "SF Pro Display,Roboto",
                      style: "normal",
                      lineHeight: 2,
                   },
@@ -90,7 +90,7 @@ function configs(labels: any, datasets: any)
                   font: {
                      size: 14,
                      weight: 300,
-                     family: "Roboto",
+                     family: "SF Pro Display,Roboto",
                      style: "normal",
                      lineHeight: 2,
                   },
diff --git a/src/qqq/pages/records/query/RecordQuery.tsx b/src/qqq/pages/records/query/RecordQuery.tsx
index 369ae1a..4510fe0 100644
--- a/src/qqq/pages/records/query/RecordQuery.tsx
+++ b/src/qqq/pages/records/query/RecordQuery.tsx
@@ -1118,7 +1118,7 @@ function RecordQuery({table, launchProcess}: Props): JSX.Element
                exportWindow.document.write(`<html lang="en">
                   <head>
                      <style>
-                        * { font-family: "Roboto","Helvetica","Arial",sans-serif; }
+                        * { font-family: "SF Pro Display","Roboto","Helvetica","Arial",sans-serif; }
                      </style>
                      <title>${filename}</title>
                      <script>
diff --git a/src/qqq/utils/HtmlUtils.ts b/src/qqq/utils/HtmlUtils.ts
index 3960498..5c68d16 100644
--- a/src/qqq/utils/HtmlUtils.ts
+++ b/src/qqq/utils/HtmlUtils.ts
@@ -134,7 +134,7 @@ export default class HtmlUtils
       openInWindow.document.write(`<html lang="en">
             <head>
                <style>
-                  * { font-family: "Roboto","Helvetica","Arial",sans-serif; }
+                  * { font-family: "SF Pro Display","Roboto","Helvetica","Arial",sans-serif; }
                </style>
                <title>${filename}</title>
                <script>