Skip to content

chore: implement expo font #23517

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
georgewrmarshall merged 3 commits into from
Dec 10, 2025
+5,701 −5,679
Merged

chore: implement expo font #23517

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
d95ed84
chore: initial setup of expo-font and renaming font files to match po…
georgewrmarshall Dec 9, 2025
cf3cbf5
chore: use main's Podfile.lock checksums for CI compatibility
georgewrmarshall Dec 9, 2025
fc68231
chore: updating snapshots
georgewrmarshall Dec 10, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
1 change: 1 addition & 0 deletions .depcheckrc.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -108,6 +108,7 @@ ignores:
- 'cross-spawn'
- 'expo-build-properties'
- 'expo-dev-client'
- 'expo-font'
Copy link
Contributor Author

@georgewrmarshall georgewrmarshall Dec 2, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ignoring expo-font from depcheck as it isn't recognized as being a used dependency. Similar to other expo plugins listed here


## react native
- '@react-native-community/cli'
Expand Down
0 .../app/src/main/assets/fonts/Geist Bold.otf → .../app/src/main/assets/fonts/Geist-Bold.otf
View file
Open in desktop
Copy link
Contributor Author

@georgewrmarshall georgewrmarshall Dec 2, 2025 •
edited
Loading

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ideally expo-font handles copying the font files to the android/ folder as apart of the pre-build process but because we aren't using expo to build the ios/ and android/ folders yet we have to manually add these as per the docs

Image

Copy link
Contributor Author

@georgewrmarshall georgewrmarshall Dec 2, 2025 •
edited
Loading

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

PostScript name in Font Book

Image

File renamed without changes.
0 ...c/main/assets/fonts/Geist Bold Italic.otf → ...rc/main/assets/fonts/Geist-BoldItalic.otf
View file
Open in desktop
Copy link
Contributor Author

@georgewrmarshall georgewrmarshall Dec 2, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

PostScript name in Font Book

Image

Copy link
Contributor Author

@georgewrmarshall georgewrmarshall Dec 4, 2025 •
edited
Loading

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Matches PostScript name in Font Book

Image

File renamed without changes.
0 ...pp/src/main/assets/fonts/Geist Medium.otf → ...pp/src/main/assets/fonts/Geist-Medium.otf
View file
Open in desktop
Copy link
Contributor Author

@georgewrmarshall georgewrmarshall Dec 2, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

PostScript name in Font Book

Image

File renamed without changes.
0 ...main/assets/fonts/Geist Medium Italic.otf → .../main/assets/fonts/Geist-MediumItalic.otf
View file
Open in desktop
Copy link
Contributor Author

@georgewrmarshall georgewrmarshall Dec 2, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

PostScript name in Font Book

Image

File renamed without changes.
0 ...p/src/main/assets/fonts/Geist Regular.otf → ...p/src/main/assets/fonts/Geist-Regular.otf
View file
Open in desktop
Copy link
Contributor Author

@georgewrmarshall georgewrmarshall Dec 2, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

PostScript name in Font Book

Image

File renamed without changes.
0 ...ain/assets/fonts/Geist Regular Italic.otf → ...main/assets/fonts/Geist-RegularItalic.otf
View file
Open in desktop
Copy link
Contributor Author

@georgewrmarshall georgewrmarshall Dec 2, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

PostScript name in Font Book

Image

File renamed without changes.
0 ...src/main/assets/fonts/MM Poly Regular.otf → .../src/main/assets/fonts/MMPoly-Regular.otf
View file
Open in desktop
Copy link
Contributor Author

@georgewrmarshall georgewrmarshall Dec 2, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

PostScript name in Font Book

Image

File renamed without changes.
0 ...pp/src/main/assets/fonts/MM Sans Bold.otf → ...app/src/main/assets/fonts/MMSans-Bold.otf
View file
Open in desktop
Copy link
Contributor Author

@georgewrmarshall georgewrmarshall Dec 2, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

PostScript name in Font Book

Image

File renamed without changes.
0 .../src/main/assets/fonts/MM Sans Medium.otf → ...p/src/main/assets/fonts/MMSans-Medium.otf
View file
Open in desktop
Copy link
Contributor Author

@georgewrmarshall georgewrmarshall Dec 2, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

PostScript name in Font Book

Image

File renamed without changes.
0 ...src/main/assets/fonts/MM Sans Regular.otf → .../src/main/assets/fonts/MMSans-Regular.otf
View file
Open in desktop
Copy link
Contributor Author

@georgewrmarshall georgewrmarshall Dec 2, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

PostScript name in Font Book

Image

File renamed without changes.
20 changes: 10 additions & 10 deletions android/link-assets-manifest.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,43 +2,43 @@
"migIndex": 1,
"data": [
{
"path": "app/fonts/Geist Bold Italic.otf",
"path": "app/fonts/Geist-BoldItalic.otf",
"sha1": "98112360bd15168cd0416f7457d2cf930bdd9194"
},
{
"path": "app/fonts/Geist Bold.otf",
"path": "app/fonts/Geist-Bold.otf",
"sha1": "53d4deff787adeb561e69bfa4b28375710f4686f"
},
{
"path": "app/fonts/Geist Medium Italic.otf",
"path": "app/fonts/Geist-MediumItalic.otf",
"sha1": "5f1ba7a59a89db9a70a046aa7b6d38345e79eb5c"
},
{
"path": "app/fonts/Geist Medium.otf",
"path": "app/fonts/Geist-Medium.otf",
"sha1": "ebfe71219b8c2b9ebcc5642ab71ddd2078aa1508"
},
{
"path": "app/fonts/Geist Regular Italic.otf",
"path": "app/fonts/Geist-RegularItalic.otf",
"sha1": "2b8792d447b7ab520850cdf5f123cce79f639a5a"
},
{
"path": "app/fonts/Geist Regular.otf",
"path": "app/fonts/Geist-Regular.otf",
"sha1": "39f145abcdd04b4e1824fc6bbd1cb370344db90c"
},
{
"path": "app/fonts/MM Poly Regular.otf",
"path": "app/fonts/MMPoly-Regular.otf",
"sha1": "b6cd0bc868fe5f53469bf52246917210c807954d"
},
{
"path": "app/fonts/MM Sans Bold.otf",
"path": "app/fonts/MMSans-Bold.otf",
"sha1": "048a70c36b9a3453853ecff2ded9b0e88b411dc0"
},
{
"path": "app/fonts/MM Sans Medium.otf",
"path": "app/fonts/MMSans-Medium.otf",
"sha1": "4a304a2ce85a51be718c56ec71e7cad713ab7f84"
},
{
"path": "app/fonts/MM Sans Regular.otf",
"path": "app/fonts/MMSans-Regular.otf",
"sha1": "db0290dd245c9a6496fe9b1a0b3b544f976af2d9"
},
{
Expand Down
25 changes: 24 additions & 1 deletion app.config.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,14 +28,37 @@ module.exports = {
subdomains: '*',
},
],

'expo-apple-authentication',
[
'expo-screen-orientation',
{
initialOrientation: 'PORTRAIT',
},
],
[
'expo-font',
{
// NOTE: We use a simple path array for fonts. Each font file becomes a separate
// font family based on its filename (e.g., Geist-Medium.otf → 'Geist-Medium').
// This means the fontWeight property won't automatically switch fonts - you must use
// explicit font families like 'Geist-Medium' or use fontStyles.* from common.ts.
//
// Future: We may migrate to platform-specific configuration to enable native
// fontWeight support. See: https://docs.expo.dev/develop/user-interface/fonts/
fonts: [
'./app/fonts/Geist-Regular.otf',
'./app/fonts/Geist-Medium.otf',
'./app/fonts/Geist-Bold.otf',
'./app/fonts/Geist-RegularItalic.otf',
'./app/fonts/Geist-MediumItalic.otf',
'./app/fonts/Geist-BoldItalic.otf',
'./app/fonts/MMSans-Regular.otf',
'./app/fonts/MMSans-Medium.otf',
'./app/fonts/MMSans-Bold.otf',
'./app/fonts/MMPoly-Regular.otf',
],
},
],
],
android: {
package:
Expand Down
2 changes: 1 addition & 1 deletion app/component-library/base-components/TagBase/__snapshots__/TagBase.test.tsx.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -55,7 +55,7 @@ exports[`TagBase should render TagBase 1`] = `
style={
{
"color": "#121314",
"fontFamily": "Geist Regular",
"fontFamily": "Geist-Regular",
"fontSize": 16,
"letterSpacing": 0,
"lineHeight": 24,
Expand Down
4 changes: 2 additions & 2 deletions ...mponent-library/components-temp/ActionListItem/__snapshots__/ActionListItem.test.tsx.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -91,7 +91,7 @@ exports[`ActionListItem Rendering should render correctly with basic props 1`] =
[
{
"color": "#121314",
"fontFamily": "Geist Medium",
"fontFamily": "Geist-Medium",
"fontSize": 16,
"fontWeight": 400,
"letterSpacing": 0,
Expand All @@ -109,7 +109,7 @@ exports[`ActionListItem Rendering should render correctly with basic props 1`] =
[
{
"color": "#686e7d",
"fontFamily": "Geist Medium",
"fontFamily": "Geist-Medium",
"fontSize": 14,
"fontWeight": 400,
"letterSpacing": 0,
Expand Down
4 changes: 2 additions & 2 deletions app/component-library/components-temp/ButtonFilter/__snapshots__/ButtonFilter.test.tsx.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -157,7 +157,7 @@ exports[`ButtonFilter renders correctly in active state 1`] = `
"flexGrow": 0,
"flexShrink": 1,
"flexWrap": "wrap",
"fontFamily": "Geist Medium",
"fontFamily": "Geist-Medium",
"fontSize": 16,
"fontWeight": 400,
"letterSpacing": 0,
Expand Down Expand Up @@ -332,7 +332,7 @@ exports[`ButtonFilter renders correctly in inactive state 1`] = `
"flexGrow": 0,
"flexShrink": 1,
"flexWrap": "wrap",
"fontFamily": "Geist Medium",
"fontFamily": "Geist-Medium",
"fontSize": 16,
"fontWeight": 400,
"letterSpacing": 0,
Expand Down
4 changes: 2 additions & 2 deletions ...library/components-temp/Buttons/ButtonSemantic/__snapshots__/ButtonSemantic.test.tsx.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -157,7 +157,7 @@ exports[`ButtonSemantic Rendering renders with Danger severity 1`] = `
"flexGrow": 0,
"flexShrink": 1,
"flexWrap": "wrap",
"fontFamily": "Geist Medium",
"fontFamily": "Geist-Medium",
"fontSize": 16,
"fontWeight": 400,
"letterSpacing": 0,
Expand Down Expand Up @@ -332,7 +332,7 @@ exports[`ButtonSemantic Rendering renders with Success severity 1`] = `
"flexGrow": 0,
"flexShrink": 1,
"flexWrap": "wrap",
"fontFamily": "Geist Medium",
"fontFamily": "Geist-Medium",
"fontSize": 16,
"fontWeight": 400,
"letterSpacing": 0,
Expand Down
4 changes: 2 additions & 2 deletions ...ent-library/components-temp/Buttons/ButtonToggle/__snapshots__/ButtonToggle.test.tsx.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ exports[`ButtonToggle renders correctly in active state 1`] = `
style={
{
"color": "#4459ff",
"fontFamily": "Geist Medium",
"fontFamily": "Geist-Medium",
"fontSize": 16,
"letterSpacing": 0,
"lineHeight": 24,
Expand Down Expand Up @@ -66,7 +66,7 @@ exports[`ButtonToggle renders correctly in inactive state 1`] = `
style={
{
"color": "#121314",
"fontFamily": "Geist Medium",
"fontFamily": "Geist-Medium",
"fontSize": 16,
"letterSpacing": 0,
"lineHeight": 24,
Expand Down
6 changes: 3 additions & 3 deletions ...library/components-temp/CellSelectWithMenu/__snapshots__/CellSelectWithMenu.test.tsx.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -212,7 +212,7 @@ exports[`CellSelectWithMenu should render with default settings correctly 1`] =
style={
{
"color": "#121314",
"fontFamily": "Geist Regular",
"fontFamily": "Geist-Regular",
"fontSize": 16,
"letterSpacing": 0,
"lineHeight": 24,
Expand All @@ -238,7 +238,7 @@ exports[`CellSelectWithMenu should render with default settings correctly 1`] =
style={
{
"color": "#686e7d",
"fontFamily": "Geist Regular",
"fontFamily": "Geist-Regular",
"fontSize": 16,
"letterSpacing": 0,
"lineHeight": 24,
Expand Down Expand Up @@ -281,7 +281,7 @@ exports[`CellSelectWithMenu should render with default settings correctly 1`] =
style={
{
"color": "#686e7d",
"fontFamily": "Geist Medium",
"fontFamily": "Geist-Medium",
"fontSize": 12,
"letterSpacing": 0.25,
"lineHeight": 20,
Expand Down
2 changes: 1 addition & 1 deletion ...ibrary/components-temp/CustomSpendCap/CustomInput/__snapshots__/CustomInput.test.tsx.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@ exports[`CustomInput should render correctly 1`] = `
{
"color": "#121314",
"flexGrow": 1,
"fontFamily": "Geist Regular",
"fontFamily": "Geist-Regular",
"fontSize": 16,
"fontWeight": "400",
"letterSpacing": 0,
Expand Down
16 changes: 8 additions & 8 deletions ...mponent-library/components-temp/CustomSpendCap/__snapshots__/CustomSpendCap.test.tsx.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@ exports[`CustomSpendCap should match snapshot 1`] = `
style={
{
"color": "#121314",
"fontFamily": "Geist Bold",
"fontFamily": "Geist-Bold",
"fontSize": 16,
"letterSpacing": 0,
"lineHeight": 24,
Expand Down Expand Up @@ -98,7 +98,7 @@ exports[`CustomSpendCap should match snapshot 1`] = `
{
"backgroundColor": "transparent",
"color": "#121314",
"fontFamily": "Geist Regular",
"fontFamily": "Geist-Regular",
"fontSize": 16,
"letterSpacing": 0,
"lineHeight": 24,
Expand All @@ -111,7 +111,7 @@ exports[`CustomSpendCap should match snapshot 1`] = `
style={
{
"color": "#4459ff",
"fontFamily": "Geist Regular",
"fontFamily": "Geist-Regular",
"fontSize": 16,
"letterSpacing": 0,
"lineHeight": 24,
Expand Down Expand Up @@ -163,7 +163,7 @@ exports[`CustomSpendCap should match snapshot 1`] = `
{
"color": "#121314",
"flexGrow": 1,
"fontFamily": "Geist Regular",
"fontFamily": "Geist-Regular",
"fontSize": 16,
"fontWeight": "400",
"letterSpacing": 0,
Expand All @@ -187,7 +187,7 @@ exports[`CustomSpendCap should match snapshot 1`] = `
style={
{
"color": "#686e7d",
"fontFamily": "Geist Regular",
"fontFamily": "Geist-Regular",
"fontSize": 14,
"letterSpacing": 0,
"lineHeight": 22,
Expand All @@ -211,7 +211,7 @@ exports[`CustomSpendCap should match snapshot 1`] = `
style={
{
"color": "#686e7d",
"fontFamily": "Geist Regular",
"fontFamily": "Geist-Regular",
"fontSize": 16,
"letterSpacing": 0,
"lineHeight": 24,
Expand All @@ -230,7 +230,7 @@ exports[`CustomSpendCap should match snapshot 1`] = `
{
"backgroundColor": "transparent",
"color": "#121314",
"fontFamily": "Geist Regular",
"fontFamily": "Geist-Regular",
"fontSize": 16,
"letterSpacing": 0,
"lineHeight": 24,
Expand All @@ -243,7 +243,7 @@ exports[`CustomSpendCap should match snapshot 1`] = `
style={
{
"color": "#4459ff",
"fontFamily": "Geist Medium",
"fontFamily": "Geist-Medium",
"fontSize": 16,
"letterSpacing": 0,
"lineHeight": 24,
Expand Down
16 changes: 8 additions & 8 deletions app/component-library/components-temp/KeyValueRow/__snapshots__/KeyValueRow.test.tsx.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -59,7 +59,7 @@ exports[`KeyValueRow Prebuilt Component KeyValueRow should render text with icon
style={
{
"color": "#121314",
"fontFamily": "Geist Medium",
"fontFamily": "Geist-Medium",
"fontSize": 16,
"letterSpacing": 0,
"lineHeight": 24,
Expand Down Expand Up @@ -115,7 +115,7 @@ exports[`KeyValueRow Prebuilt Component KeyValueRow should render text with icon
style={
{
"color": "#121314",
"fontFamily": "Geist Medium",
"fontFamily": "Geist-Medium",
"fontSize": 16,
"letterSpacing": 0,
"lineHeight": 24,
Expand Down Expand Up @@ -190,7 +190,7 @@ exports[`KeyValueRow Prebuilt Component KeyValueRow should render text with icon
style={
{
"color": "#121314",
"fontFamily": "Geist Medium",
"fontFamily": "Geist-Medium",
"fontSize": 16,
"letterSpacing": 0,
"lineHeight": 24,
Expand Down Expand Up @@ -280,7 +280,7 @@ exports[`KeyValueRow Prebuilt Component KeyValueRow should render text with icon
style={
{
"color": "#121314",
"fontFamily": "Geist Medium",
"fontFamily": "Geist-Medium",
"fontSize": 16,
"letterSpacing": 0,
"lineHeight": 24,
Expand Down Expand Up @@ -376,7 +376,7 @@ exports[`KeyValueRow Prebuilt Component KeyValueRow should render text with tool
style={
{
"color": "#121314",
"fontFamily": "Geist Medium",
"fontFamily": "Geist-Medium",
"fontSize": 16,
"letterSpacing": 0,
"lineHeight": 24,
Expand Down Expand Up @@ -453,7 +453,7 @@ exports[`KeyValueRow Prebuilt Component KeyValueRow should render text with tool
style={
{
"color": "#121314",
"fontFamily": "Geist Medium",
"fontFamily": "Geist-Medium",
"fontSize": 16,
"letterSpacing": 0,
"lineHeight": 24,
Expand Down Expand Up @@ -549,7 +549,7 @@ exports[`KeyValueRow Prebuilt Component KeyValueRow should render when there is
style={
{
"color": "#121314",
"fontFamily": "Geist Medium",
"fontFamily": "Geist-Medium",
"fontSize": 16,
"letterSpacing": 0,
"lineHeight": 24,
Expand Down Expand Up @@ -592,7 +592,7 @@ exports[`KeyValueRow Prebuilt Component KeyValueRow should render when there is
style={
{
"color": "#121314",
"fontFamily": "Geist Medium",
"fontFamily": "Geist-Medium",
"fontSize": 16,
"letterSpacing": 0,
"lineHeight": 24,
Expand Down
2 changes: 1 addition & 1 deletion ...ent-library/components-temp/MainActionButton/__snapshots__/MainActionButton.test.tsx.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -89,7 +89,7 @@ exports[`MainActionButton should render correctly 1`] = `
{
"color": "#121314",
"flexShrink": 0,
"fontFamily": "Geist Medium",
"fontFamily": "Geist-Medium",
"fontSize": 14,
"letterSpacing": 0,
"lineHeight": 22,
Expand Down
6 changes: 3 additions & 3 deletions ...ccounts/MultichainAddWalletActions/__snapshots__/MultichainAddWalletActions.test.tsx.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -431,7 +431,7 @@ exports[`MultichainAddWalletActions renders correctly 1`] = `
[
{
"color": "#121314",
"fontFamily": "Geist Medium",
"fontFamily": "Geist-Medium",
"fontSize": 16,
"fontWeight": 400,
"letterSpacing": 0,
Expand Down Expand Up @@ -565,7 +565,7 @@ exports[`MultichainAddWalletActions renders correctly 1`] = `
[
{
"color": "#121314",
"fontFamily": "Geist Medium",
"fontFamily": "Geist-Medium",
"fontSize": 16,
"fontWeight": 400,
"letterSpacing": 0,
Expand Down Expand Up @@ -699,7 +699,7 @@ exports[`MultichainAddWalletActions renders correctly 1`] = `
[
{
"color": "#121314",
"fontFamily": "Geist Medium",
"fontFamily": "Geist-Medium",
"fontSize": 16,
"fontWeight": 400,
"letterSpacing": 0,
Expand Down
Loading
Loading