feat(web): new font

immich-app · Oct 1, 2024 · 68c787c · 68c787c
1 parent 06048b6
commit 68c787c
Show file tree

Hide file tree

Showing 6 changed files with 32 additions and 6 deletions.
diff --git a/web/src/app.css b/web/src/app.css
@@ -25,12 +25,38 @@
 }
 
 @font-face {
-  font-family: 'Overpass';
-  src: url('$lib/assets/fonts/overpass/Overpass.ttf') format('truetype-variations');
-  font-weight: 1 999;
+  font-family: 'BeVietnamPro';
+  src: url('$lib/assets/fonts/BeVietnamPro/BeVietnamPro-Regular.ttf') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'BeVietnamPro';
+  src: url('$lib/assets/fonts/BeVietnamPro/BeVietnamPro-Italic.ttf') format('truetype');
+  font-weight: 400;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'BeVietnamPro';
+  src: url('$lib/assets/fonts/BeVietnamPro/BeVietnamPro-Medium.ttf') format('truetype');
+  font-weight: 500;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'BeVietnamPro';
+  src: url('$lib/assets/fonts/BeVietnamPro/BeVietnamPro-SemiBold.ttf') format('truetype');
+  font-weight: 600;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'BeVietnamPro';
+  src: url('$lib/assets/fonts/BeVietnamPro/BeVietnamPro-Bold.ttf') format('truetype');
+  font-weight: 700;
   font-style: normal;
-  ascent-override: 106.25%;
-  size-adjust: 106.25%;
 }
 
 @font-face {
@@ -43,7 +69,7 @@
 }
 
 :root {
-  font-family: 'Overpass', sans-serif;
+  font-family: 'BeVietnamPro', sans-serif;
   /* Used by layouts to ensure proper spacing between navbar and content */
   --navbar-height: calc(theme(spacing.18) + 4px);
 }

diff --git a/web/src/lib/assets/fonts/BeVietnamPro/BeVietnamPro-Bold.ttf b/web/src/lib/assets/fonts/BeVietnamPro/BeVietnamPro-Bold.ttf
diff --git a/web/src/lib/assets/fonts/BeVietnamPro/BeVietnamPro-Italic.ttf b/web/src/lib/assets/fonts/BeVietnamPro/BeVietnamPro-Italic.ttf
diff --git a/web/src/lib/assets/fonts/BeVietnamPro/BeVietnamPro-Medium.ttf b/web/src/lib/assets/fonts/BeVietnamPro/BeVietnamPro-Medium.ttf
diff --git a/web/src/lib/assets/fonts/BeVietnamPro/BeVietnamPro-Regular.ttf b/web/src/lib/assets/fonts/BeVietnamPro/BeVietnamPro-Regular.ttf
diff --git a/web/src/lib/assets/fonts/BeVietnamPro/BeVietnamPro-SemiBold.ttf b/web/src/lib/assets/fonts/BeVietnamPro/BeVietnamPro-SemiBold.ttf