#itsqwerty
little yew
near adder
subtle socket
Hello! Happy to help. What specific questions do you have?
near adder
Is there anything I am doing wrong here? I feel like I have followed everything correctly - but obviusly that is not the case ahah
(the link provided as the src is valid and does work when tested manually)
subtle socket
I'm not 100% certain, but I don't think you can specify a localhost URL. I believe the font URL needs to be publically accessible on the internet.
near adder
Is that even the case when im devving myself locally?
I will try to test it with a random font hosted
subtle socket
I think it's always the case. Does the hosted font work as expected, or is that also not working?
near adder
also not working - i tested it with: https://fonts.googleapis.com/css2?family=Kablammo&family=Poppins:ital,wght@0,200;1,100;1,900&display=swap
near adder
I think it's always the case. Does the hosted font work as expected, or is that...
localhost does seem to work fine for the rest of the site - do you just mean always the case with stripe?
or with iframes*
and I also tried passing in a specific file like https://fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLm81xVF9eOYktMqg.woff2
I found the issue - the issue was with my code
super sorry
😅
all good now!
subtle socket
Oh, what was it?
I was just pouring over the apperance API docs to figure out what I was missing. 😅
near adder
I was using a variable font 😅
when i switched to using a normal font - it started working fine
Unless you think variable fonts should be fine - then i still have a problem ahaha
subtle socket
Ah, no, I don't think variable fonts are supported.
Well, I suppose it would depend on the browser maybe?
Although we might be doing things internally in the Payment Element that prevent variable fonts from working.
near adder
yeah all makes sense
near adder
Well, I suppose it would depend on the browser maybe?
i think its something with the stripelement or how your meant to do it because variable font works fine across the entire site on chrome
subtle socket
Yeah, I'm going to flag this as something to look into internally.
near adder
really appreciate it ♥️
this is a bit werid, I dont know if im missing something but it worked with a random font I tried but now it doesnt work the one I want
Worked with:
https://fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLm81xVF9eOYktMqg.woff2
The one im trying to use:
https://fonts.gstatic.com/s/spacegrotesk/v15/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj7oUXsqPMBBSSJLm2FXTQ.woff2
subtle socket
Not sure why one of those would work but not the other.
near adder
with the first one font
with the 2nd
and I am not changing anything other than the link src
I will keep trying and let you know If I have any luck 😅
subtle socket
Is that second one a variable font?