diff --git a/src/assets/fonts/IBMPlexSans/IBMPlexSans-Bold.ttf b/src/assets/fonts/IBMPlexSans/IBMPlexSans-Bold.ttf new file mode 100644 index 00000000..e5389d83 Binary files /dev/null and b/src/assets/fonts/IBMPlexSans/IBMPlexSans-Bold.ttf differ diff --git a/src/assets/fonts/IBMPlexSans/IBMPlexSans-BoldItalic.ttf b/src/assets/fonts/IBMPlexSans/IBMPlexSans-BoldItalic.ttf new file mode 100644 index 00000000..31cce79b Binary files /dev/null and b/src/assets/fonts/IBMPlexSans/IBMPlexSans-BoldItalic.ttf differ diff --git a/src/assets/fonts/IBMPlexSans/IBMPlexSans-ExtraLight.ttf b/src/assets/fonts/IBMPlexSans/IBMPlexSans-ExtraLight.ttf new file mode 100644 index 00000000..ecd3aff2 Binary files /dev/null and b/src/assets/fonts/IBMPlexSans/IBMPlexSans-ExtraLight.ttf differ diff --git a/src/assets/fonts/IBMPlexSans/IBMPlexSans-ExtraLightItalic.ttf b/src/assets/fonts/IBMPlexSans/IBMPlexSans-ExtraLightItalic.ttf new file mode 100644 index 00000000..5bbda2cc Binary files /dev/null and b/src/assets/fonts/IBMPlexSans/IBMPlexSans-ExtraLightItalic.ttf differ diff --git a/src/assets/fonts/IBMPlexSans/IBMPlexSans-Italic.ttf b/src/assets/fonts/IBMPlexSans/IBMPlexSans-Italic.ttf new file mode 100644 index 00000000..46212a3d Binary files /dev/null and b/src/assets/fonts/IBMPlexSans/IBMPlexSans-Italic.ttf differ diff --git a/src/assets/fonts/IBMPlexSans/IBMPlexSans-Light.ttf b/src/assets/fonts/IBMPlexSans/IBMPlexSans-Light.ttf new file mode 100644 index 00000000..b3d035d5 Binary files /dev/null and b/src/assets/fonts/IBMPlexSans/IBMPlexSans-Light.ttf differ diff --git a/src/assets/fonts/IBMPlexSans/IBMPlexSans-LightItalic.ttf b/src/assets/fonts/IBMPlexSans/IBMPlexSans-LightItalic.ttf new file mode 100644 index 00000000..20bb6cfc Binary files /dev/null and b/src/assets/fonts/IBMPlexSans/IBMPlexSans-LightItalic.ttf differ diff --git a/src/assets/fonts/IBMPlexSans/IBMPlexSans-Medium.ttf b/src/assets/fonts/IBMPlexSans/IBMPlexSans-Medium.ttf new file mode 100644 index 00000000..9395402b Binary files /dev/null and b/src/assets/fonts/IBMPlexSans/IBMPlexSans-Medium.ttf differ diff --git a/src/assets/fonts/IBMPlexSans/IBMPlexSans-MediumItalic.ttf b/src/assets/fonts/IBMPlexSans/IBMPlexSans-MediumItalic.ttf new file mode 100644 index 00000000..7787ad27 Binary files /dev/null and b/src/assets/fonts/IBMPlexSans/IBMPlexSans-MediumItalic.ttf differ diff --git a/src/assets/fonts/IBMPlexSans/IBMPlexSans-Regular.ttf b/src/assets/fonts/IBMPlexSans/IBMPlexSans-Regular.ttf new file mode 100644 index 00000000..b5819647 Binary files /dev/null and b/src/assets/fonts/IBMPlexSans/IBMPlexSans-Regular.ttf differ diff --git a/src/assets/fonts/IBMPlexSans/IBMPlexSans-SemiBold.ttf b/src/assets/fonts/IBMPlexSans/IBMPlexSans-SemiBold.ttf new file mode 100644 index 00000000..a5bd9ee6 Binary files /dev/null and b/src/assets/fonts/IBMPlexSans/IBMPlexSans-SemiBold.ttf differ diff --git a/src/assets/fonts/IBMPlexSans/IBMPlexSans-SemiBoldItalic.ttf b/src/assets/fonts/IBMPlexSans/IBMPlexSans-SemiBoldItalic.ttf new file mode 100644 index 00000000..a5bcdc40 Binary files /dev/null and b/src/assets/fonts/IBMPlexSans/IBMPlexSans-SemiBoldItalic.ttf differ diff --git a/src/assets/fonts/IBMPlexSans/IBMPlexSans-Thin.ttf b/src/assets/fonts/IBMPlexSans/IBMPlexSans-Thin.ttf new file mode 100644 index 00000000..910458a9 Binary files /dev/null and b/src/assets/fonts/IBMPlexSans/IBMPlexSans-Thin.ttf differ diff --git a/src/assets/fonts/IBMPlexSans/IBMPlexSans-ThinItalic.ttf b/src/assets/fonts/IBMPlexSans/IBMPlexSans-ThinItalic.ttf new file mode 100644 index 00000000..d5b4be65 Binary files /dev/null and b/src/assets/fonts/IBMPlexSans/IBMPlexSans-ThinItalic.ttf differ diff --git a/src/style.css b/src/style.css index 728a2fa3..bbf3d46a 100644 --- a/src/style.css +++ b/src/style.css @@ -1,4 +1,4 @@ -@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap'); +/* @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap'); */ @tailwind base; @tailwind components; @@ -13,8 +13,8 @@ body { body { transition: color 0.5s, background-color 0.5s; line-height: 1.6; - font-family: Sora, Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', - Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', + font-family: var(--font-family), Inter, -apple-system, BlinkMacSystemFont, + 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; font-size: 15px; text-rendering: optimizeLegibility; @@ -27,6 +27,7 @@ body { --text-main: #333; --text-secondary: #4b525d; --bg-active: #fbfbfc; + --font-family: 'IBM Plex Sans'; } html.dark, @@ -36,6 +37,54 @@ html[data-theme='dark'] { --bg-active: #242b40; } +@font-face { + font-family: var(--font-family); + src: url('./assets/fonts/IBMPlexSans/IBMPlexSans-Thin.ttf'); + font-weight: 100; + font-display: swap; +} +@font-face { + font-family: var(--font-family); + src: url('./assets/fonts/IBMPlexSans/IBMPlexSans-ExtraLight.ttf'); + font-weight: 200; + font-display: swap; +} + +@font-face { + font-family: var(--font-family); + src: url('./assets/fonts/IBMPlexSans/IBMPlexSans-Light.ttf'); + font-weight: 300; + font-display: swap; +} + +@font-face { + font-family: var(--font-family); + src: url('./assets/fonts/IBMPlexSans/IBMPlexSans-Regular.ttf'); + font-weight: 400; + font-display: swap; +} + +@font-face { + font-family: var(--font-family); + src: url('./assets/fonts/IBMPlexSans/IBMPlexSans-Medium.ttf'); + font-weight: 500; + font-display: swap; +} + +@font-face { + font-family: var(--font-family); + src: url('./assets/fonts/IBMPlexSans/IBMPlexSans-SemiBold.ttf'); + font-weight: 600; + font-display: swap; +} + +@font-face { + font-family: var(--font-family); + src: url('./assets/fonts/IBMPlexSans/IBMPlexSans-Bold.ttf'); + font-weight: 700; + font-display: swap; +} + table td { min-width: 100px !important; } diff --git a/tailwind.config.js b/tailwind.config.js index 020a6fc6..69ce8dd9 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -19,6 +19,9 @@ module.exports = { 400: '#242627', }, }, + fontFamily: { + ibm: ['var(--font-family)', 'Inter', 'sans-serif'], + }, }, }, plugins: [require('daisyui')],