cfbender/snowballtools-base
1
0
Fork 0
forked from cerc-io/snowballtools-base
Code Pull Requests Activity

[T-4903: chore] Add inter display font (#127)

Browse Source 
* 🔧 chore: add `InterDisplay` font families

* 🎨 style: add font `InterDisplay` to tailwind

* 🔧 chore: update `yarn.lock`

* ♻️ refactor: change `InterDisplay` to `inter Display` and `inter-display` to `display
This commit is contained in:
Wahyu Kurniawan 2024-02-28 08:47:43 +07:00 committed by GitHub
parent 2f62d086de
commit 282001c317
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
20 changed files with 148 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
packages/frontend/public/fonts/InterDisplay/InterDisplay-Black.woff2 Normal file
View File

Binary file not shown.

BIN
packages/frontend/public/fonts/InterDisplay/InterDisplay-BlackItalic.woff2 Normal file
View File

Binary file not shown.

BIN
packages/frontend/public/fonts/InterDisplay/InterDisplay-Bold.woff2 Normal file
View File

Binary file not shown.

BIN
packages/frontend/public/fonts/InterDisplay/InterDisplay-BoldItalic.woff2 Normal file
View File

Binary file not shown.

BIN
packages/frontend/public/fonts/InterDisplay/InterDisplay-ExtraBold.woff2 Normal file
View File

Binary file not shown.

BIN
packages/frontend/public/fonts/InterDisplay/InterDisplay-ExtraBoldItalic.woff2 Normal file
View File

Binary file not shown.

BIN
packages/frontend/public/fonts/InterDisplay/InterDisplay-ExtraLight.woff2 Normal file
View File

Binary file not shown.

BIN
packages/frontend/public/fonts/InterDisplay/InterDisplay-ExtraLightItalic.woff2 Normal file
View File

Binary file not shown.

BIN
packages/frontend/public/fonts/InterDisplay/InterDisplay-Italic.woff2 Normal file
View File

Binary file not shown.

BIN
packages/frontend/public/fonts/InterDisplay/InterDisplay-Light.woff2 Normal file
View File

Binary file not shown.

BIN
packages/frontend/public/fonts/InterDisplay/InterDisplay-LightItalic.woff2 Normal file
View File

Binary file not shown.

BIN
packages/frontend/public/fonts/InterDisplay/InterDisplay-Medium.woff2 Normal file
View File

Binary file not shown.

BIN
packages/frontend/public/fonts/InterDisplay/InterDisplay-MediumItalic.woff2 Normal file
View File

Binary file not shown.

BIN
packages/frontend/public/fonts/InterDisplay/InterDisplay-Regular.woff2 Normal file
View File

Binary file not shown.

BIN
packages/frontend/public/fonts/InterDisplay/InterDisplay-SemiBold.woff2 Normal file
View File

Binary file not shown.

BIN
packages/frontend/public/fonts/InterDisplay/InterDisplay-SemiBoldItalic.woff2 Normal file
View File

Binary file not shown.

BIN
packages/frontend/public/fonts/InterDisplay/InterDisplay-Thin.woff2 Normal file
View File

Binary file not shown.

BIN
packages/frontend/public/fonts/InterDisplay/InterDisplay-ThinItalic.woff2 Normal file
View File

Binary file not shown.

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

@ -2,6 +2,153 @@
@tailwind components; @tailwind components;
@tailwind utilities; @tailwind utilities;
@layer base {
@font-face {
font-family: 'Inter Display';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-Thin.woff2')
format('woff2');
}
@font-face {
font-family: 'Inter Display';
font-style: italic;
font-weight: 100;
font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-ThinItalic.woff2')
format('woff2');
}
@font-face {
font-family: 'Inter Display';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-ExtraLight.woff2')
format('woff2');
}
@font-face {
font-family: 'Inter Display';
font-style: italic;
font-weight: 200;
font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-ExtraLightItalic.woff2')
format('woff2');
}
@font-face {
font-family: 'Inter Display';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-Light.woff2')
format('woff2');
}
@font-face {
font-family: 'Inter Display';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-LightItalic.woff2')
format('woff2');
}
@font-face {
font-family: 'Inter Display';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-Regular.woff2')
format('woff2');
}
@font-face {
font-family: 'Inter Display';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-Italic.woff2')
format('woff2');
}
@font-face {
font-family: 'Inter Display';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-Medium.woff2')
format('woff2');
}
@font-face {
font-family: 'Inter Display';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-MediumItalic.woff2')
format('woff2');
}
@font-face {
font-family: 'Inter Display';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-SemiBold.woff2')
format('woff2');
}
@font-face {
font-family: 'Inter Display';
font-style: italic;
font-weight: 600;
font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-SemiBoldItalic.woff2')
format('woff2');
}
@font-face {
font-family: 'Inter Display';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-Bold.woff2')
format('woff2');
}
@font-face {
font-family: 'Inter Display';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-BoldItalic.woff2')
format('woff2');
}
@font-face {
font-family: 'Inter Display';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-ExtraBold.woff2')
format('woff2');
}
@font-face {
font-family: 'Inter Display';
font-style: italic;
font-weight: 800;
font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-ExtraBoldItalic.woff2')
format('woff2');
}
@font-face {
font-family: 'Inter Display';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-Black.woff2')
format('woff2');
}
@font-face {
font-family: 'Inter Display';
font-style: italic;
font-weight: 900;
font-display: swap;
src: url('../public/fonts/InterDisplay/InterDisplay-BlackItalic.woff2')
format('woff2');
}
}
@layer utilities { @layer utilities {
.focus-ring { .focus-ring {
@apply focus-visible:ring-[3px] focus-visible:ring-snowball-200 focus-visible:ring-offset-1 focus-visible:ring-offset-snowball-500 focus-visible:outline-none; @apply focus-visible:ring-[3px] focus-visible:ring-snowball-200 focus-visible:ring-offset-1 focus-visible:ring-offset-snowball-500 focus-visible:outline-none;

1
packages/frontend/tailwind.config.js
View File

@ -14,6 +14,7 @@ export default withMT({
}, },
fontFamily: { fontFamily: {
sans: ['Inter', 'sans-serif'], sans: ['Inter', 'sans-serif'],
display: ['Inter Display', 'sans-serif'],
mono: ['JetBrains Mono', 'monospace'], mono: ['JetBrains Mono', 'monospace'],
}, },
fontSize: { fontSize: {