diff --git a/app/styles/_util.scss b/app/styles/_util.scss
new file mode 100644
index 0000000..ffe8f9a
--- /dev/null
+++ b/app/styles/_util.scss
@@ -0,0 +1,10 @@
+@use "sass:math";
+
+@function calculateRem($size) {
+	@return math.div($size, 16px) * 1rem;
+}
+
+@mixin fontSize($size) {
+	font-size: $size;
+	font-size: calculateRem($size);
+}
diff --git a/app/styles/global.scss b/app/styles/global.scss
index 0802c71..9f97efe 100644
--- a/app/styles/global.scss
+++ b/app/styles/global.scss
@@ -1 +1,6 @@
 @use "reset" as *;
+
+html {
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial,
+		sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}