From 9210aa779a7e810c8dba7d1a4defc1ce9e1b791e Mon Sep 17 00:00:00 2001 From: Xevion Date: Sun, 26 Feb 2023 19:48:17 -0600 Subject: [PATCH] Add Hanken Grotesk, Roboto, Manropes fonts (+tailwind configs) --- src/styles/globals.scss | 7 ++++--- tailwind.config.cjs | 7 +++---- 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/src/styles/globals.scss b/src/styles/globals.scss index 751afc9..47f5c21 100644 --- a/src/styles/globals.scss +++ b/src/styles/globals.scss @@ -1,7 +1,8 @@ -@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap"); -@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;600&display=swap'); +@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@200;300;400;500;700;900&display=swap"); +@import url("https://fonts.googleapis.com/css2?family=Manropes:wght@400;500;600;700;800&display=swap"); +@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@600;900&display=swap'); @tailwind base; @tailwind components; @@ -18,7 +19,7 @@ } html, body { - @apply font-manrope; + @apply font-inter; } .item { diff --git a/tailwind.config.cjs b/tailwind.config.cjs index 58d660b..cd851b7 100644 --- a/tailwind.config.cjs +++ b/tailwind.config.cjs @@ -10,13 +10,12 @@ module.exports = { }, fontFamily: { manrope: ["\"Manrope\"", "sans-serif"], - opensans: ["\"Open Sans\"", "sans-serif"], inter: ["\"Inter\"", "sans-serif"], + roboto: ["\"Roboto\"", "sans-serif"], mono: ["\"Roboto Mono\"", "monospace"], - raleway: ["\"Raleway\"", "sans-serif"], - roboto: ["\"Roboto\""], + hanken: ["\"Hanken Grotesk\"", "sans-serif"], }, }, }, - plugins: [require('@tailwindcss/typography')], +plugins: [require('@tailwindcss/typography')], };