zgy/zhaoguiyang.site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add local font files and update global styles to use them

Browse Source
This commit is contained in:
zguiyang
2026-03-13 15:08:25 +08:00
parent 0d050b0c14
commit 33cc9a31b8
6 changed files with 34 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/styles/fonts.css Normal file
View File

@@ -0,0 +1,33 @@
/* Local Fonts - Archivo */
@font-face {
font-family: 'Archivo';
font-style: normal;
font-weight: 400;
font-stretch: normal;
font-display: swap;
src: url('./fonts/archivo-400.ttf') format('truetype');
}
@font-face {
font-family: 'Archivo';
font-style: normal;
font-weight: 700;
font-stretch: normal;
font-display: swap;
src: url('./fonts/archivo-700.ttf') format('truetype');
}
/* Local Fonts - Space Grotesk */
@font-face {
font-family: 'Space Grotesk';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('./fonts/space-grotesk-400.ttf') format('truetype');
}
@font-face {
font-family: 'Space Grotesk';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('./fonts/space-grotesk-700.ttf') format('truetype');
}

BIN
src/styles/fonts/archivo-400.ttf Normal file
View File

Binary file not shown.

BIN
src/styles/fonts/archivo-700.ttf Normal file
View File

Binary file not shown.

BIN
src/styles/fonts/space-grotesk-400.ttf Normal file
View File

Binary file not shown.

BIN
src/styles/fonts/space-grotesk-700.ttf Normal file
View File

Binary file not shown.

2
src/styles/global.css
View File

@@ -1,6 +1,6 @@
@import "./fonts.css";
@import "tailwindcss"; @import "tailwindcss";
@import "tw-animate-css"; @import "tw-animate-css";
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500&family=Space+Grotesk:wght@300;400;500;600;700&display=swap');
@plugin "@tailwindcss/typography"; @plugin "@tailwindcss/typography";
/* Blog List Component Styles */ /* Blog List Component Styles */