From ca1d1b108ffe8da98636e9f62621d98efc193b93 Mon Sep 17 00:00:00 2001 From: Aadil Ayub Date: Wed, 8 May 2024 15:37:41 +0500 Subject: [PATCH] define fonts --- .../fonts/inclusive-sans/inclusive-sans.css | 15 --- .../overused-grotesk/overused-grotesk.css | 99 --------------- theme.json | 120 ++++++++++++++++-- 3 files changed, 112 insertions(+), 122 deletions(-) delete mode 100644 assets/fonts/inclusive-sans/inclusive-sans.css delete mode 100644 assets/fonts/overused-grotesk/overused-grotesk.css diff --git a/assets/fonts/inclusive-sans/inclusive-sans.css b/assets/fonts/inclusive-sans/inclusive-sans.css deleted file mode 100644 index 15ba70e..0000000 --- a/assets/fonts/inclusive-sans/inclusive-sans.css +++ /dev/null @@ -1,15 +0,0 @@ -/* inclusive-sans-italic */ -@font-face { - font-family: Inclusive Sans; - font-style: italic; - font-weight: 400; - src: local("Inclusive Sans Italic"), local("InclusiveSans-Italic"), url(inclusive-sans-italic.woff2) format("woff2"); -} -/* inclusive-sans-regular */ -@font-face { - font-family: Inclusive Sans; - font-style: normal; - font-weight: 400; - src: local("Inclusive Sans Regular"), local("InclusiveSans-Regular"), url(inclusive-sans-regular.woff2) format("woff2"); -} - diff --git a/assets/fonts/overused-grotesk/overused-grotesk.css b/assets/fonts/overused-grotesk/overused-grotesk.css deleted file mode 100644 index 9acc424..0000000 --- a/assets/fonts/overused-grotesk/overused-grotesk.css +++ /dev/null @@ -1,99 +0,0 @@ -/* overused-grotesk-semibold-italic */ -@font-face { - font-family: Overused Grotesk; - font-style: italic; - font-weight: 400; - src: local("Overused Grotesk SemiBold Italic"), local("OverusedGrotesk-SemiBoldItalic"), url(overused-grotesk-semibold-italic.woff2) format("woff2"); -} -/* overused-grotesk-semibold */ -@font-face { - font-family: Overused Grotesk; - font-style: normal; - font-weight: 400; - src: local("Overused Grotesk SemiBold"), local("OverusedGrotesk-SemiBold"), url(overused-grotesk-semibold.woff2) format("woff2"); -} -/* overused-grotesk-regular */ -@font-face { - font-family: Overused Grotesk; - font-style: normal; - font-weight: 400; - src: local("Overused Grotesk Regular"), local("OverusedGrotesk-Regular"), url(overused-grotesk-regular.woff2) format("woff2"); -} -/* overused-grotesk-medium-italic */ -@font-face { - font-family: Overused Grotesk; - font-style: italic; - font-weight: 500; - src: local("Overused Grotesk Medium Italic"), local("OverusedGrotesk-MediumItalic"), url(overused-grotesk-medium-italic.woff2) format("woff2"); -} -/* overused-grotesk-medium */ -@font-face { - font-family: Overused Grotesk; - font-style: normal; - font-weight: 500; - src: local("Overused Grotesk Medium"), local("OverusedGrotesk-Medium"), url(overused-grotesk-medium.woff2) format("woff2"); -} -/* overused-grotesk-light-italic */ -@font-face { - font-family: Overused Grotesk; - font-style: italic; - font-weight: 300; - src: local("Overused Grotesk Light Italic"), local("OverusedGrotesk-LightItalic"), url(overused-grotesk-light-italic.woff2) format("woff2"); -} -/* overused-grotesk-light */ -@font-face { - font-family: Overused Grotesk; - font-style: normal; - font-weight: 300; - src: local("Overused Grotesk Light"), local("OverusedGrotesk-Light"), url(overused-grotesk-light.woff2) format("woff2"); -} -/* overused-grotesk-italic */ -@font-face { - font-family: Overused Grotesk; - font-style: italic; - font-weight: 400; - src: local("Overused Grotesk Italic"), local("OverusedGrotesk-Italic"), url(overused-grotesk-italic.woff2) format("woff2"); -} -/* overused-grotesk-extrabold-italic */ -@font-face { - font-family: Overused Grotesk; - font-style: italic; - font-weight: 400; - src: local("Overused Grotesk ExtraBold Italic"), local("OverusedGrotesk-ExtraBoldItalic"), url(overused-grotesk-extrabold-italic.woff2) format("woff2"); -} -/* overused-grotesk-extrabold */ -@font-face { - font-family: Overused Grotesk; - font-style: normal; - font-weight: 400; - src: local("Overused Grotesk ExtraBold"), local("OverusedGrotesk-ExtraBold"), url(overused-grotesk-extrabold.woff2) format("woff2"); -} -/* overused-grotesk-bold-italic */ -@font-face { - font-family: Overused Grotesk; - font-style: italic; - font-weight: 700; - src: local("Overused Grotesk Bold Italic"), local("OverusedGrotesk-BoldItalic"), url(overused-grotesk-bold-italic.woff2) format("woff2"); -} -/* overused-grotesk-bold */ -@font-face { - font-family: Overused Grotesk; - font-style: normal; - font-weight: 700; - src: local("Overused Grotesk Bold"), local("OverusedGrotesk-Bold"), url(overused-grotesk-bold.woff2) format("woff2"); -} -/* overused-grotesk-black-italic */ -@font-face { - font-family: Overused Grotesk; - font-style: italic; - font-weight: 900; - src: local("Overused Grotesk Black Italic"), local("OverusedGrotesk-BlackItalic"), url(overused-grotesk-black-italic.woff2) format("woff2"); -} -/* overused-grotesk-black */ -@font-face { - font-family: Overused Grotesk; - font-style: normal; - font-weight: 900; - src: local("Overused Grotesk Black"), local("OverusedGrotesk-Black"), url(overused-grotesk-black.woff2) format("woff2"); -} - diff --git a/theme.json b/theme.json index d17cfe9..a836bec 100644 --- a/theme.json +++ b/theme.json @@ -1,5 +1,5 @@ { - "version": 2, + "version": 3, "$schema": "https://schemas.wp.org/trunk/theme.json", "settings": { "useRootPaddingAwareAlignments": true, @@ -45,25 +45,129 @@ "typography": { "fontFamilies": [ { - "fontFamily": "Inter, sans-serif", - "name": "Inter", - "slug": "inter", + "fontFamily": "'Inclusive Sans', sans-serif", + "name": "Inclusive Sans", + "slug": "inclusive-sans", "fontFace": [ { - "fontFamily": "Inter", + "fontFamily": "Inclusive Sans", "fontWeight": "400", "fontStyle": "normal", "fontStretch": "normal", - "src": ["file:./assets/fonts/inter_normal_400.ttf"] + "src": ["file:./assets/fonts/inclusive-sans/inclusive-sans-regular.woff2"] }, { "fontFamily": "Inter", + "fontWeight": "400", + "fontStyle": "italic", + "fontStretch": "normal", + "src": ["file:./assets/fonts/inclusive-sans/inclusive-sans-italic.woff2"] + } + ] + }, + { + "fontFamily": "'Overused Grotesk', sans-serif", + "name": "Overused Grotesk", + "slug": "overused-grotesk", + "fontFace": [ + { + "fontFamily": "Overused Grotesk", + "fontWeight": "400", + "fontStyle": "normal", + "fontStretch": "normal", + "src": ["file:./assets/fonts/overused-grotesk/overused-grotesk-regular.woff2"] + }, + { + "fontFamily": "Overused Grotesk", + "fontWeight": "400", + "fontStyle": "italic", + "fontStretch": "normal", + "src": ["file:./assets/fonts/overused-grotesk/overused-grotesk-italic.woff2"] + }, + { + "fontFamily": "Overused Grotesk", + "fontWeight": "500", + "fontStyle": "normal", + "fontStretch": "normal", + "src": ["file:./assets/fonts/overused-grotesk/overused-grotesk-medium.woff2"] + }, + { + "fontFamily": "Overused Grotesk", + "fontWeight": "500", + "fontStyle": "italic", + "fontStretch": "normal", + "src": ["file:./assets/fonts/overused-grotesk/overused-grotesk-medium-italic.woff2"] + }, + { + "fontFamily": "Overused Grotesk", + "fontWeight": "300", + "fontStyle": "normal", + "fontStretch": "normal", + "src": ["file:./assets/fonts/overused-grotesk/overused-light.woff2"] + }, + { + "fontFamily": "Overused Grotesk", + "fontWeight": "300", + "fontStyle": "italic", + "fontStretch": "normal", + "src": ["file:./assets/fonts/overused-grotesk/overused-grotesk-light-italic.woff2"] + }, + { + "fontFamily": "Overused Grotesk", + "fontWeight": "600", + "fontStyle": "normal", + "fontStretch": "normal", + "src": ["file:./assets/fonts/overused-grotesk/overused-grotesk-semibold.woff2"] + }, + { + "fontFamily": "Overused Grotesk", + "fontWeight": "600", + "fontStyle": "italic", + "fontStretch": "normal", + "src": ["file:./assets/fonts/overused-grotesk/overused-grotesk-semibold-italic.woff2"] + }, + { + "fontFamily": "Overused Grotesk", "fontWeight": "700", "fontStyle": "normal", "fontStretch": "normal", - "src": ["file:./assets/fonts/inter_normal_700.ttf"] + "src": ["file:./assets/fonts/overused-grotesk/overused-grotesk-bold.woff2"] + }, + { + "fontFamily": "Overused Grotesk", + "fontWeight": "700", + "fontStyle": "italic", + "fontStretch": "normal", + "src": ["file:./assets/fonts/overused-grotesk/overused-grotesk-bold-italic.woff2"] + }, + { + "fontFamily": "Overused Grotesk", + "fontWeight": "800", + "fontStyle": "normal", + "fontStretch": "normal", + "src": ["file:./assets/fonts/overused-grotesk/overused-grotesk-extrabold.woff2"] + }, + { + "fontFamily": "Overused Grotesk", + "fontWeight": "800", + "fontStyle": "italic", + "fontStretch": "normal", + "src": ["file:./assets/fonts/overused-grotesk/overused-grotesk-extrabold-italic.woff2"] + }, + { + "fontFamily": "Overused Grotesk", + "fontWeight": "900", + "fontStyle": "normal", + "fontStretch": "normal", + "src": ["file:./assets/fonts/overused-grotesk/overused-grotesk-black.woff2"] + }, + { + "fontFamily": "Overused Grotesk", + "fontWeight": "900", + "fontStyle": "italic", + "fontStretch": "normal", + "src": ["file:./assets/fonts/overused-grotesk/overused-grotesk-black-italic.woff2"] } - ] } ]