gluestack
gluestackGuide on Custom Font
beng970804 posted this in #support
beng970804OP
Will the Gluestack team produce a guide on custom font which include Expo and Bare React Native for v2? Currently I have no clue how to add the custom font to the app. Also, when will the app be out from beta?
8 Replies
sravankumar101
You can follow this guide to use the custom fonts in gluestack ui v2 @beng970804
https://tailwindcss.com/docs/font-family#using-custom-values
https://tailwindcss.com/docs/font-family#using-custom-values
beng970804OP
@sravankumar101 im coding like this
fontFamily: {
heading: ['Poppins'],
body: ['Montserat'],
},
but how should i import the font?
fontFamily: {
heading: ['Poppins'],
body: ['Montserat'],
},
but how should i import the font?
sravankumar101
@beng970804 You can use directly like this
Please refer this blog for further more clarification https://blog.logrocket.com/how-to-use-custom-fonts-tailwind-css/
font-headingPlease refer this blog for further more clarification https://blog.logrocket.com/how-to-use-custom-fonts-tailwind-css/
beng970804OP
@sravankumar101 here is my minimal Repo
What i had done is import all the font to assets/fonts folder. then change inside the tailwind.config file.
what should i do next? currently is not working on android and ios yet
https://github.com/beng970804/GS-V2
What i had done is import all the font to assets/fonts folder. then change inside the tailwind.config file.
what should i do next? currently is not working on android and ios yet
https://github.com/beng970804/GS-V2
viraj1098
Hey @beng970804 , I am getting 404 can you please check?
beng970804OP
can try again now @viraj1098
viraj1098
got it. Will get back to you