Skip to content
This repository has been archived by the owner on Feb 17, 2025. It is now read-only.

Add and configure fonts for use in Pendant. #5700

Merged
merged 9 commits into from
Mar 21, 2022
Merged

Add and configure fonts for use in Pendant. #5700

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
20bb17a
Added Jost and Litera fonts for use in Pendant. Began tinkering with…
pbking Mar 17, 2022
f573059
Adding fonts and exploring various sizes
pbking Mar 17, 2022
13a495a
Tweaked typography settings
pbking Mar 18, 2022
338975b
Removed unused font files
pbking Mar 18, 2022
3ea9068
Replaced Literata-ExtraLight with Light and added Italic
pbking Mar 18, 2022
5809a1f
Added Jost Medium and Italic
pbking Mar 18, 2022
180d64c
Replaced Literata 60pt with 72pt, tweaked font sizes per design
pbking Mar 21, 2022
0c0083d
Add Black Font
pbking Mar 21, 2022
ef4d3cb
Add Black Font
pbking Mar 21, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
843 changes: 428 additions & 415 deletions block-canvas/theme.json
View file
Open in desktop

Large diffs are not rendered by default.

Binary file added pendant/assets/fonts/Jost-Light.ttf
View file
Open in desktop
Binary file not shown.
Binary file added pendant/assets/fonts/Jost-LightItalic.ttf
View file
Open in desktop
Binary file not shown.
Binary file added pendant/assets/fonts/Jost-Medium.ttf
View file
Open in desktop
Binary file not shown.
Binary file added pendant/assets/fonts/Literata_72pt-Black.ttf
View file
Open in desktop
Binary file not shown.
Binary file added pendant/assets/fonts/Literata_72pt-BlackItalic.ttf
View file
Open in desktop
Binary file not shown.
Binary file added pendant/assets/fonts/Literata_72pt-Light.ttf
View file
Open in desktop
Binary file not shown.
Binary file added pendant/assets/fonts/Literata_72pt-LightItalic.ttf
View file
Open in desktop
Binary file not shown.
98 changes: 72 additions & 26 deletions pendant/theme.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -97,15 +97,11 @@
}
},
"typography": {
"fontSize": "var(--wp--custom--font-sizes--normal)",
"fontSize": "var(--wp--preset--font-size--medium)",
"fontWeight": "normal",
"lineHeight": 2
}
},
"fontSizes": {
"x-small": "14px",
"normal": "18px"
},
"gap": {
"baseline": "15px",
"horizontal": "min(30px, 5vw)",
Expand Down Expand Up @@ -134,14 +130,60 @@
"typography": {
"fontFamilies": [
{
"fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",
"fontFamily": "Jost, sans-serif",
"slug": "body-font",
"name": "Body (System Font)"
"name": "Body (System Font)",
"fontFace": [
{
"fontFamily": "Jost",
"fontWeight": "300 400",
"fontStyle": "normal",
"fontStretch": "normal",
"src": [ "file:./assets/fonts/Jost-Light.ttf" ]
},
{
"fontFamily": "Jost",
"fontWeight": "500 600",
"fontStyle": "normal",
"fontStretch": "normal",
"src": [ "file:./assets/fonts/Jost-Medium.ttf" ]
}
]
},
{
"fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",
"fontFamily": "'Literata', serif",
"slug": "heading-font",
"name": "Headings (System Font)"
"name": "Headings (System Font)",
"fontFace": [
{
"fontFamily": "Literata",
"fontWeight": "400",
"fontStyle": "normal",
"fontStretch": "normal",
"src": [ "file:./assets/fonts/Literata_72pt-Light.ttf" ]
},
{
"fontFamily": "Literata",
"fontWeight": "400",
"fontStyle": "italic",
"fontStretch": "normal",
"src": [ "file:./assets/fonts/Literata_72pt-LightItalic.ttf" ]
},
{
"fontFamily": "Literata",
"fontWeight": "800 900",
"fontStyle": "normal",
"fontStretch": "normal",
"src": [ "file:./assets/fonts/Literata_72pt-Black.ttf" ]
},
{
"fontFamily": "Literata",
"fontWeight": "800 900",
"fontStyle": "italic",
"fontStretch": "normal",
"src": [ "file:./assets/fonts/Literata_72pt-Italic.ttf" ]
}
]
}
],
"fontSizes": [
Expand All @@ -152,12 +194,12 @@
},
{
"name": "Medium",
"size": "24px",
"size": "20px",
"slug": "medium"
},
{
"name": "Large",
"size": "28px",
"size": "24px",
"slug": "large"
},
{
Expand Down Expand Up @@ -231,7 +273,7 @@
},
"core\/navigation": {
"typography": {
"fontSize": "var(--wp--custom--font-sizes--normal)"
"fontSize": "var(--wp--preset--font-size--medium)"
}
},
"core\/post-title": {
Expand Down Expand Up @@ -300,18 +342,18 @@
}
},
"typography": {
"fontSize": "var(--wp--custom--font-sizes--normal)",
"fontSize": "var(--wp--preset--font-size--medium)",
"fontStyle": "normal"
}
},
"core\/site-tagline": {
"typography": {
"fontSize": "var(--wp--custom--font-sizes--x-small)"
"fontSize": "14px"
}
},
"core\/site-title": {
"typography": {
"fontSize": "var(--wp--custom--font-sizes--normal)",
"fontSize": "var(--wp--preset--font-size--medium)",
"fontWeight": "700",
"textDecoration": "none"
}
Expand All @@ -327,7 +369,7 @@
"fontFamily": "var(--wp--preset--font-family--heading-font)",
"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
"lineHeight": "var(--wp--custom--heading--typography--line-height)",
"fontSize": "48px"
"fontSize": "clamp(48px, 6vw, 80px)"
},
"spacing": {
"margin": {
Expand All @@ -341,7 +383,7 @@
"fontFamily": "var(--wp--preset--font-family--heading-font)",
"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
"lineHeight": "var(--wp--custom--heading--typography--line-height)",
"fontSize": "var(--wp--preset--font-size--x-large)"
"fontSize": "clamp(30px, 4vw, 50px)"
},
"spacing": {
"margin": {
Expand All @@ -355,7 +397,7 @@
"fontFamily": "var(--wp--preset--font-family--heading-font)",
"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
"lineHeight": "var(--wp--custom--heading--typography--line-height)",
"fontSize": "var(--wp--preset--font-size--large)"
"fontSize": "clamp(25px, 3vw, 40px)"
},
"spacing": {
"margin": {
Expand All @@ -369,7 +411,7 @@
"fontFamily": "var(--wp--preset--font-family--heading-font)",
"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
"lineHeight": "var(--wp--custom--heading--typography--line-height)",
"fontSize": "var(--wp--preset--font-size--medium)"
"fontSize": "clamp(20px, 2vw, 30px)"
},
"spacing": {
"margin": {
Expand All @@ -380,10 +422,12 @@
},
"h5": {
"typography": {
"fontFamily": "var(--wp--preset--font-family--heading-font)",
"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
"fontFamily": "var(--wp--preset--font-family--body-font)",
"fontWeight": "600",
"lineHeight": "var(--wp--custom--heading--typography--line-height)",
"fontSize": "var(--wp--custom--font-sizes--normal)"
"letterSpacing": "0.1em",
"textTransform": "uppercase",
"fontSize": "clamp(18px, 2vw, 20px)"
},
"spacing": {
"margin": {
Expand All @@ -394,10 +438,12 @@
},
"h6": {
"typography": {
"fontFamily": "var(--wp--preset--font-family--heading-font)",
"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
"fontFamily": "var(--wp--preset--font-family--body-font)",
"fontWeight": "500",
"lineHeight": "var(--wp--custom--heading--typography--line-height)",
"fontSize": "var(--wp--preset--font-size--small)"
"letterSpacing": "0.1em",
"textTransform": "uppercase",
"fontSize": "clamp(15px, 2vw, 15px)"
},
"spacing": {
"margin": {
Expand All @@ -418,7 +464,7 @@
"typography": {
"lineHeight": "1.6",
"fontFamily": "var(--wp--preset--font-family--body-font)",
"fontSize": "var(--wp--custom--font-sizes--normal)"
"fontSize": "var(--wp--preset--font-size--medium)"
}
}
}