#wullvie_connect-embedded-custom-fonts
1 messages ยท Page 1 of 1 (latest)
๐ Welcome to your new thread!
โฒ๏ธ We'll be here soon! Typically we respond in a few minutes, but sometimes we might take a bit longer if the server is busy or if you have a particularly tricky question.
โฑ๏ธ We close idle threads, which makes them read-only. Once a thread is closed it won't be reopened, but you can always start a new thread if you have another question.
๐ This thread will always be available, even after it's closed. You can find it again using Discord's search, or you can save this link: https://discord.com/channels/841573134531821608/1297959090525573291
๐ Have more to share? Add more details, code, screenshots, videos, etc. below.
I think you also need to specify the font you want to use in the list of available fonts as an option when initializing Connect.js https://docs.stripe.com/connect/get-started-connect-embedded-components#configuring-connect-js
Oh nice ok.. do you know off hand if that src can be local?
some local path - or does it need to be a static ref to the font from the site
I think they need to be a static reference based on our docs here: https://docs.stripe.com/connect/get-started-connect-embedded-components#css-font-source
yeah i think you're right
ok i should be able to get this working from here - thanks a bunch
Happy to shed what ๐ก I can ๐
Hey - not sure if this is still open
still getting some issues - trying to use a static google font still not seeing the result come through. It's defaulting to my global.css established font family name instead of using the passed cssSrc
fonts: [ { cssSrc: https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap`,
}
],
appearance: {
variables: {
colorPrimary: #5767F1
},
},`
Okay no I think there is still a misunderstanding here. You need to specify all the available fonts in the fonts parameter. But you still need to specify the fontFamily inside the appearance parameter as well
working now... ๐คฆโโ๏ธ