feat: use snpro font

This commit is contained in:
DIYgod 2024-04-10 10:05:53 +08:00
parent b701544e86
commit 2d97ddb176
No known key found for this signature in database
15 changed files with 85 additions and 0 deletions

View File

@ -49,6 +49,7 @@ body {
background: var(--color-background);
line-height: 1.6;
font-family:
SNPro,
Inter,
-apple-system,
BlinkMacSystemFont,

View File

@ -0,0 +1,83 @@
@font-face {
font-family: 'SNPro';
src: url('./font/SNPro-Thin.woff2');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'SNPro';
src: url('./font/SNPro-ThinItalic.woff2');
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: 'SNPro';
src: url('./font/SNPro-Light.woff2');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'SNPro';
src: url('./font/SNPro-LightItalic.woff2');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'SNPro';
src: url('./font/SNPro-Regular.woff2');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'SNPro';
src: url('./font/SNPro-Italic.woff2');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'SNPro';
src: url('./font/SNPro-Medium.woff2');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'SNPro';
src: url('./font/SNPro-MediumItalic.woff2');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'SNPro';
src: url('./font/SNPro-SemiBold.woff2');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'SNPro';
src: url('./font/SNPro-SemiBoldItalic.woff2');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'SNPro';
src: url('./font/SNPro-Bold.woff2');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'SNPro';
src: url('./font/SNPro-BoldItalic.woff2');
font-weight: 700;
font-style: italic;
}

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -1,5 +1,6 @@
@import './tailwind.css';
@import './base.css';
@import './font.css';
body {
display: flex;