I see now

This commit is contained in:
Violet Caulfield
2024-11-23 11:40:53 -06:00
parent 0164a6e372
commit 5f3db76d1f
3 changed files with 35 additions and 22 deletions
+1 -1
View File
@@ -28,6 +28,6 @@ export function Label(props: LabelProps): React.JSX.Element {
export function Heading({ children }: { children: string }): React.JSX.Element {
return (
<H1 marginVertical={30} size="$3" fontWeight="900">{ children }</H1>
<H1 marginVertical={30} size="$3" fontFamily={"$heading"}>{ children }</H1>
)
}
+4
View File
@@ -1,3 +1,7 @@
module.exports = {
project: {
ios: {},
android: {},
},
assets: ['./assets/fonts/'],
};
+30 -21
View File
@@ -1,30 +1,39 @@
import { animations, tokens, themes, media, shorthands } from '@tamagui/config/v3'
import { animations, tokens, themes, media, shorthands, config } from '@tamagui/config/v3'
import { createFont, createTamagui } from 'tamagui' // or '@tamagui/core'
const jellifyFont = createFont({
family: 'Aileron-Regular, Helvetica, Arial, sans-serif',
size: {
1: 12,
2: 14,
3: 15,
},
face: {
100: { normal: 'Aileron-UltraLight', italic: 'Aileron-UltraLightItalic' },
200: { normal: 'Aileron-Thin', italic: 'Aileron-ThinItalic' },
300: { normal: 'Aileron-Light', italic: 'Aileron-LightItalic' },
400: { normal: 'Aileron-Regular', italic: 'Aileron-Italic'} ,
500: { normal: 'Aileron-Regular', italic: 'Aileron-Italic' },
600: { normal: 'Aileron-SemiBold', italic: 'Aileron-SemiBoldItalic' },
700: { normal: 'Aileron-Bold', italic: 'Aileron-BoldItalic' },
800: { normal: 'Aileron-Heavy', italic: 'Aileron-HeavyItalic' },
900: { normal: 'Aileron-Black', italic: 'Aileron-BlackItalic' },
}
const aileronFace = {
100: { normal: 'Aileron-UltraLight', italic: 'Aileron-UltraLightItalic' },
200: { normal: 'Aileron-Thin', italic: 'Aileron-ThinItalic' },
300: { normal: 'Aileron-Light', italic: 'Aileron-LightItalic' },
400: { normal: 'Aileron-Regular', italic: 'Aileron-Italic'} ,
500: { normal: 'Aileron-Regular', italic: 'Aileron-Italic' },
600: { normal: 'Aileron-SemiBold', italic: 'Aileron-SemiBoldItalic' },
700: { normal: 'Aileron-Bold', italic: 'Aileron-BoldItalic' },
800: { normal: 'Aileron-Heavy', italic: 'Aileron-HeavyItalic' },
900: { normal: 'Aileron-Black', italic: 'Aileron-BlackItalic' },
};
const bodyFont = createFont({
size: config.fonts.body.size,
lineHeight: config.fonts.body.lineHeight,
weight: config.fonts.body.weight,
letterSpacing: config.fonts.body.letterSpacing,
face: aileronFace
})
const headingFont = createFont({
size: config.fonts.heading.size,
lineHeight: config.fonts.heading.lineHeight,
weight: config.fonts.heading.weight,
letterSpacing: config.fonts.heading.letterSpacing,
face: aileronFace
})
const jellifyConfig = createTamagui({
animations,
fonts:{
heading: jellifyFont,
body: jellifyFont,
heading: headingFont,
body: bodyFont,
},
media,
shorthands,