cerc-io/snowballtools-base
16
0
Fork 2
Code Issues 7 Pull Requests Actions Packages Projects Releases Wiki Activity

font path fix (#9)

Browse Source 
### 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
commit 44de7bb0f1
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 18 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
packages/frontend/src/index.css
View File

@ -10,7 +10,7 @@
font-style: normal; font-style: normal;
font-weight: 100; font-weight: 100;
font-display: swap; font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-Thin.woff2') src: url('/fonts/InterDisplay/InterDisplay-Thin.woff2')
format('woff2'); format('woff2');
} }
@font-face { @font-face {
@ -18,7 +18,7 @@
font-style: italic; font-style: italic;
font-weight: 100; font-weight: 100;
font-display: swap; font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-ThinItalic.woff2') src: url('/fonts/InterDisplay/InterDisplay-ThinItalic.woff2')
format('woff2'); format('woff2');
} }
@font-face { @font-face {
@ -26,7 +26,7 @@
font-style: normal; font-style: normal;
font-weight: 200; font-weight: 200;
font-display: swap; font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-ExtraLight.woff2') src: url('/fonts/InterDisplay/InterDisplay-ExtraLight.woff2')
format('woff2'); format('woff2');
} }
@font-face { @font-face {
@ -34,7 +34,7 @@
font-style: italic; font-style: italic;
font-weight: 200; font-weight: 200;
font-display: swap; font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-ExtraLightItalic.woff2') src: url('/fonts/InterDisplay/InterDisplay-ExtraLightItalic.woff2')
format('woff2'); format('woff2');
} }
@font-face { @font-face {
@ -42,7 +42,7 @@
font-style: normal; font-style: normal;
font-weight: 300; font-weight: 300;
font-display: swap; font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-Light.woff2') src: url('/fonts/InterDisplay/InterDisplay-Light.woff2')
format('woff2'); format('woff2');
} }
@font-face { @font-face {
@ -50,7 +50,7 @@
font-style: italic; font-style: italic;
font-weight: 300; font-weight: 300;
font-display: swap; font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-LightItalic.woff2') src: url('/fonts/InterDisplay/InterDisplay-LightItalic.woff2')
format('woff2'); format('woff2');
} }
@font-face { @font-face {
@ -58,7 +58,7 @@
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
font-display: swap; font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-Regular.woff2') src: url('/fonts/InterDisplay/InterDisplay-Regular.woff2')
format('woff2'); format('woff2');
} }
@font-face { @font-face {
@ -66,7 +66,7 @@
font-style: italic; font-style: italic;
font-weight: 400; font-weight: 400;
font-display: swap; font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-Italic.woff2') src: url('/fonts/InterDisplay/InterDisplay-Italic.woff2')
format('woff2'); format('woff2');
} }
@font-face { @font-face {
@ -74,7 +74,7 @@
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
font-display: swap; font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-Medium.woff2') src: url('/fonts/InterDisplay/InterDisplay-Medium.woff2')
format('woff2'); format('woff2');
} }
@font-face { @font-face {
@ -82,7 +82,7 @@
font-style: italic; font-style: italic;
font-weight: 500; font-weight: 500;
font-display: swap; font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-MediumItalic.woff2') src: url('/fonts/InterDisplay/InterDisplay-MediumItalic.woff2')
format('woff2'); format('woff2');
} }
@font-face { @font-face {
@ -90,7 +90,7 @@
font-style: normal; font-style: normal;
font-weight: 600; font-weight: 600;
font-display: swap; font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-SemiBold.woff2') src: url('/fonts/InterDisplay/InterDisplay-SemiBold.woff2')
format('woff2'); format('woff2');
} }
@font-face { @font-face {
@ -98,7 +98,7 @@
font-style: italic; font-style: italic;
font-weight: 600; font-weight: 600;
font-display: swap; font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-SemiBoldItalic.woff2') src: url('/fonts/InterDisplay/InterDisplay-SemiBoldItalic.woff2')
format('woff2'); format('woff2');
} }
@font-face { @font-face {
@ -106,7 +106,7 @@
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
font-display: swap; font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-Bold.woff2') src: url('/fonts/InterDisplay/InterDisplay-Bold.woff2')
format('woff2'); format('woff2');
} }
@font-face { @font-face {
@ -114,7 +114,7 @@
font-style: italic; font-style: italic;
font-weight: 700; font-weight: 700;
font-display: swap; font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-BoldItalic.woff2') src: url('/fonts/InterDisplay/InterDisplay-BoldItalic.woff2')
format('woff2'); format('woff2');
} }
@font-face { @font-face {
@ -122,7 +122,7 @@
font-style: normal; font-style: normal;
font-weight: 800; font-weight: 800;
font-display: swap; font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-ExtraBold.woff2') src: url('/fonts/InterDisplay/InterDisplay-ExtraBold.woff2')
format('woff2'); format('woff2');
} }
@font-face { @font-face {
@ -130,7 +130,7 @@
font-style: italic; font-style: italic;
font-weight: 800; font-weight: 800;
font-display: swap; font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-ExtraBoldItalic.woff2') src: url('/fonts/InterDisplay/InterDisplay-ExtraBoldItalic.woff2')
format('woff2'); format('woff2');
} }
@font-face { @font-face {
@ -138,7 +138,7 @@
font-style: normal; font-style: normal;
font-weight: 900; font-weight: 900;
font-display: swap; font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-Black.woff2') src: url('/fonts/InterDisplay/InterDisplay-Black.woff2')
format('woff2'); format('woff2');
} }
@font-face { @font-face {
@ -146,7 +146,7 @@
font-style: italic; font-style: italic;
font-weight: 900; font-weight: 900;
font-display: swap; font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-BlackItalic.woff2') src: url('/fonts/InterDisplay/InterDisplay-BlackItalic.woff2')
format('woff2'); format('woff2');
} }
} }