font path fix (#9)

### TL;DR

Update font URLs in `index.css`

### What changed?

Updated font URLs from `../public/fonts/InterDisplay/` to `/fonts/InterDisplay/` for better path consistency

### How to test?

Test loading fonts and check for any font display issues

### Why make this change?

To ensure correct font loading and path consistency in the project
This commit is contained in:
Vivian Phung
2024-05-06 13:31:53 -04:00
committed by GitHub
+18 -18
View File
@@ -10,7 +10,7 @@
font-style: normal;
font-weight: 100;
font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-Thin.woff2')
src: url('/fonts/InterDisplay/InterDisplay-Thin.woff2')
format('woff2');
}
@font-face {
@@ -18,7 +18,7 @@
font-style: italic;
font-weight: 100;
font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-ThinItalic.woff2')
src: url('/fonts/InterDisplay/InterDisplay-ThinItalic.woff2')
format('woff2');
}
@font-face {
@@ -26,7 +26,7 @@
font-style: normal;
font-weight: 200;
font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-ExtraLight.woff2')
src: url('/fonts/InterDisplay/InterDisplay-ExtraLight.woff2')
format('woff2');
}
@font-face {
@@ -34,7 +34,7 @@
font-style: italic;
font-weight: 200;
font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-ExtraLightItalic.woff2')
src: url('/fonts/InterDisplay/InterDisplay-ExtraLightItalic.woff2')
format('woff2');
}
@font-face {
@@ -42,7 +42,7 @@
font-style: normal;
font-weight: 300;
font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-Light.woff2')
src: url('/fonts/InterDisplay/InterDisplay-Light.woff2')
format('woff2');
}
@font-face {
@@ -50,7 +50,7 @@
font-style: italic;
font-weight: 300;
font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-LightItalic.woff2')
src: url('/fonts/InterDisplay/InterDisplay-LightItalic.woff2')
format('woff2');
}
@font-face {
@@ -58,7 +58,7 @@
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-Regular.woff2')
src: url('/fonts/InterDisplay/InterDisplay-Regular.woff2')
format('woff2');
}
@font-face {
@@ -66,7 +66,7 @@
font-style: italic;
font-weight: 400;
font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-Italic.woff2')
src: url('/fonts/InterDisplay/InterDisplay-Italic.woff2')
format('woff2');
}
@font-face {
@@ -74,7 +74,7 @@
font-style: normal;
font-weight: 500;
font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-Medium.woff2')
src: url('/fonts/InterDisplay/InterDisplay-Medium.woff2')
format('woff2');
}
@font-face {
@@ -82,7 +82,7 @@
font-style: italic;
font-weight: 500;
font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-MediumItalic.woff2')
src: url('/fonts/InterDisplay/InterDisplay-MediumItalic.woff2')
format('woff2');
}
@font-face {
@@ -90,7 +90,7 @@
font-style: normal;
font-weight: 600;
font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-SemiBold.woff2')
src: url('/fonts/InterDisplay/InterDisplay-SemiBold.woff2')
format('woff2');
}
@font-face {
@@ -98,7 +98,7 @@
font-style: italic;
font-weight: 600;
font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-SemiBoldItalic.woff2')
src: url('/fonts/InterDisplay/InterDisplay-SemiBoldItalic.woff2')
format('woff2');
}
@font-face {
@@ -106,7 +106,7 @@
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-Bold.woff2')
src: url('/fonts/InterDisplay/InterDisplay-Bold.woff2')
format('woff2');
}
@font-face {
@@ -114,7 +114,7 @@
font-style: italic;
font-weight: 700;
font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-BoldItalic.woff2')
src: url('/fonts/InterDisplay/InterDisplay-BoldItalic.woff2')
format('woff2');
}
@font-face {
@@ -122,7 +122,7 @@
font-style: normal;
font-weight: 800;
font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-ExtraBold.woff2')
src: url('/fonts/InterDisplay/InterDisplay-ExtraBold.woff2')
format('woff2');
}
@font-face {
@@ -130,7 +130,7 @@
font-style: italic;
font-weight: 800;
font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-ExtraBoldItalic.woff2')
src: url('/fonts/InterDisplay/InterDisplay-ExtraBoldItalic.woff2')
format('woff2');
}
@font-face {
@@ -138,7 +138,7 @@
font-style: normal;
font-weight: 900;
font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-Black.woff2')
src: url('/fonts/InterDisplay/InterDisplay-Black.woff2')
format('woff2');
}
@font-face {
@@ -146,7 +146,7 @@
font-style: italic;
font-weight: 900;
font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-BlackItalic.woff2')
src: url('/fonts/InterDisplay/InterDisplay-BlackItalic.woff2')
format('woff2');
}
}