diff --git a/app/(tabs)/index.tsx b/app/(tabs)/index.tsx index 9469426..0cc737e 100644 --- a/app/(tabs)/index.tsx +++ b/app/(tabs)/index.tsx @@ -90,7 +90,7 @@ const styles = StyleSheet.create({ pressed: { opacity: 0.9 }, header: { paddingHorizontal: space.gutter }, - greeting: { fontFamily: font.display, fontSize: 28, letterSpacing: -0.5, color: colors.ink }, + greeting: { fontFamily: font.serif, fontSize: 28, letterSpacing: -0.5, color: colors.ink }, greetingSub: { fontFamily: font.semibold, fontSize: 15, color: colors.slate, marginTop: 3 }, scanCard: { diff --git a/app/_layout.tsx b/app/_layout.tsx index 4b8f3bd..4caff89 100644 --- a/app/_layout.tsx +++ b/app/_layout.tsx @@ -1,4 +1,5 @@ import { BricolageGrotesque_800ExtraBold } from '@expo-google-fonts/bricolage-grotesque'; +import { Fraunces_800ExtraBold } from '@expo-google-fonts/fraunces'; import { NunitoSans_400Regular, NunitoSans_600SemiBold, @@ -15,6 +16,7 @@ import { colors } from '../src/theme'; export default function RootLayout() { const [fontsLoaded] = useFonts({ BricolageGrotesque_800ExtraBold, + Fraunces_800ExtraBold, NunitoSans_400Regular, NunitoSans_600SemiBold, NunitoSans_700Bold, diff --git a/package-lock.json b/package-lock.json index aeb96fd..2dd63c0 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9,6 +9,7 @@ "version": "1.0.0", "dependencies": { "@expo-google-fonts/bricolage-grotesque": "^0.4.1", + "@expo-google-fonts/fraunces": "^0.4.1", "@expo-google-fonts/nunito-sans": "^0.4.2", "expo": "~57.0.7", "expo-constants": "~57.0.6", @@ -1184,6 +1185,12 @@ "integrity": "sha512-uijLLg+thOrFgw+gXtYA3dQJTBqqqleabcNFpamaYXqUUcbFe0J18C+4nfL0CyGzSJUicxUBLY4Zv7jdHmTGMA==", "license": "MIT AND OFL-1.1" }, + "node_modules/@expo-google-fonts/fraunces": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/@expo-google-fonts/fraunces/-/fraunces-0.4.1.tgz", + "integrity": "sha512-gYc9P92ObyWvz1rWPOeWSvVKyBFIuA8hgOdhvo4DSiPBaWLbFA6v8uLIEIBwW+0oWTlXbBzjeBReHQI2H7UNjQ==", + "license": "MIT AND OFL-1.1" + }, "node_modules/@expo-google-fonts/material-symbols": { "version": "0.4.41", "resolved": "https://registry.npmjs.org/@expo-google-fonts/material-symbols/-/material-symbols-0.4.41.tgz", diff --git a/package.json b/package.json index 5c0076a..78624c2 100644 --- a/package.json +++ b/package.json @@ -4,6 +4,7 @@ "main": "expo-router/entry", "dependencies": { "@expo-google-fonts/bricolage-grotesque": "^0.4.1", + "@expo-google-fonts/fraunces": "^0.4.1", "@expo-google-fonts/nunito-sans": "^0.4.2", "expo": "~57.0.7", "expo-constants": "~57.0.6", diff --git a/src/theme.ts b/src/theme.ts index 3f20f99..f90ab5b 100644 --- a/src/theme.ts +++ b/src/theme.ts @@ -60,6 +60,8 @@ export const colors = { export const font = { /** Headings — Bricolage Grotesque, always weight 800 in the design. */ display: 'BricolageGrotesque_800ExtraBold', + /** Serif accent, currently just the Home greeting. */ + serif: 'Fraunces_800ExtraBold', /** Body — Nunito Sans. */ regular: 'NunitoSans_400Regular', semibold: 'NunitoSans_600SemiBold',