Hey @danishqureshi8817 , which version of gluestack-ui you are working with?
Can you provide us with github repo?

I am using 1.1.25

Can you provide us with github repo?

also which font you want to load?

Ok I will provide you code zip file

https://v1.gluestack.io/ui/docs/guides/advanced/fonts also please make sure you follow this steps

I am using cli

This steps for expo

Hey @danishqureshi8817 , Can you provide us with minimal reproduction of your use case?

<Text fontFamily={'$poppinsRegular'} fontSize={12} lineHeight={16} color={colors.black} numberOfLines={1} >Following</Text> i am using text tag but custom font family not work in ios devices

Hey @danishqureshi8817 can you provide a repo it's to debug from just code snippet.

okk i wil provide you Zip

Because repo is not public

https://we.tl/t-XRWm6vWZrT its my code zip

Hey @danishqureshi8817 , I am getting Transfer expired
Sorry, this transfer has expired and is not available any more
Please check

I will señd again wait

https://we.tl/t-Q4OYpVx7Fn check now

hey @danishqureshi8817 your project is working correctly in our system. Check whether you're pod install in ios is correct or not.

i am already install pods but not work

if you are available so can we connect on google meet

Please check once whether the font in changing on normal react_native text

yha , its working in normal react native text Tag

okay then , please dm me meet link.

okk wait

By default, the gluestack-ui text is having the following properties:
style={{ color: '#374151', fontStyle: 'normal', fontSize: 16, fontWeight: 400, }}
if we provide the same styling for the default react-native text with same font we can find that they are perfectly matching.

so there will be difference in the android & ios text with same fontFamily too.If you want to make them look same in both platforms. You can make your own custom text component with custom styles provided.
Which will be something like ,
import { Text as RNText } from 'react-native'; import { styled } from '@gluestack-style/react'; const StyledText = styled(RNText); export const Text = StyledText;

If you want to add the custom styles that would be like :

const StyledText = styled( RNText, { color: '$text700', fontWeight: '$normal', fontFamily: '$body', fontStyle: 'normal', letterSpacing: '$md', variants: { isTruncated: { true: { props: { // @ts-ignore numberOfLines: 1, ellipsizeMode: 'tail', }, }, }, bold: { true: { fontWeight: '$bold', }, }, underline: { true: { textDecorationLine: 'underline', }, }, strikeThrough: { true: { textDecorationLine: 'line-through', }, }, size: { '2xs': { fontSize: '$2xs', }, 'xs': { fontSize: '$xs', }, 'sm': { fontSize: '$sm', }, 'md': { fontSize: '$md', }, 'lg': { fontSize: '$lg', }, 'xl': { fontSize: '$xl', }, '2xl': { fontSize: '$2xl', }, '3xl': { fontSize: '$3xl', }, '4xl': { fontSize: '$4xl', }, '5xl': { fontSize: '$5xl', }, '6xl': { fontSize: '$6xl', }, }, sub: { true: { fontSize: '$xs', }, }, italic: { true: { fontStyle: 'italic', }, }, }, defaultProps: { size: 'md', }, }, )

any update @sravankumar101

Could you please refer to the above message @danishqureshi8817
https://gluestack.forumify.io/post/1267446347821224070#message-1270726905167085568
This is not a issue but a platform different between same applied tokens.

okk but how to handle this

@danishqureshi8817
https://gluestack.forumify.io/post/1267446347821224070#message-1270727711756652585