diff --git a/apps/ui-tests-app/font/custom-fonts.xml b/apps/ui-tests-app/font/custom-fonts.xml
new file mode 100644
index 000000000..ef2ed24d4
--- /dev/null
+++ b/apps/ui-tests-app/font/custom-fonts.xml
@@ -0,0 +1,13 @@
+<Page>
+  <StackLayout>
+    <Button text="Button" style="font-family: Sofia" />
+    <Label text="Label" style="font-family: Sofia" />
+    <TextField text="TextField" style="font-family: Sofia" />
+    <TextView text="TextView" style="font-family: Sofia" />
+
+    <Button text="Button" style="font-family: Pacifico" />
+    <Label text="Label" style="font-family: Pacifico" />
+    <TextField text="TextField" style="font-family: Pacifico" />
+    <TextView text="TextView" style="font-family: Pacifico" />
+  </StackLayout>
+</Page>
\ No newline at end of file
diff --git a/apps/ui-tests-app/fonts/Pacifico.ttf b/apps/ui-tests-app/fonts/Pacifico.ttf
new file mode 100644
index 000000000..6d47cdc9a
Binary files /dev/null and b/apps/ui-tests-app/fonts/Pacifico.ttf differ
diff --git a/apps/ui-tests-app/fonts/Sofia.otf b/apps/ui-tests-app/fonts/Sofia.otf
new file mode 100644
index 000000000..1f76d2d58
Binary files /dev/null and b/apps/ui-tests-app/fonts/Sofia.otf differ
diff --git a/apps/ui-tests-app/mainPage.ts b/apps/ui-tests-app/mainPage.ts
index c9ea5ee93..10434c718 100644
--- a/apps/ui-tests-app/mainPage.ts
+++ b/apps/ui-tests-app/mainPage.ts
@@ -55,11 +55,13 @@ examples.set("dialogs", "dialogs/dialogs");
 
 examples.set("fontbtn", "font/button");
 examples.set("fontlbl", "font/label");
-examples.set("material", "font/material-icons");
-examples.set("tabfont", "font/tab-view");
 examples.set("fontfield", "font/text-field");
 examples.set("fontview", "font/text-view");
 
+examples.set("customfonts", "font/custom-fonts");
+examples.set("material", "font/material-icons");
+examples.set("tabfont", "font/tab-view");
+
 examples.set("htmlview", "html-view/html-view");
 
 examples.set("roundbtn", "image-view/rounded-buttons");