geordi-fonts | Stripe Developers | Page 1

olive willowBOT Nov 18, 2022, 7:13 PM

#

candid shore Nov 18, 2022, 7:21 PM

#

Do you know where I could download that font to try and repro it on my end? Alternatively, do you have a live site I could look at that shows the error?

wise estuary Nov 18, 2022, 7:22 PM

#

Something like this: https://github.com/bchiang7/v3/blob/master/fonts/apercu/Apercu-Medium.woff2

#

Otherwise I'll try use the elements default font? If you have that?

candid shore Nov 18, 2022, 7:35 PM

#

I'm not 100% sure if elements has a "default font" but let me check

wise estuary Nov 18, 2022, 7:46 PM

#

cheers

candid shore Nov 18, 2022, 7:59 PM

#

I forgot to ask for this earlier - but can you show the exact code you're using as well?

#

geordi-fonts

wise estuary Nov 18, 2022, 8:04 PM

#

    clientSecret: process.env.STRIPE_SECRET_KEY,
    appearance,
    fonts: [
      {
        src: "local(/public/fonts/ApercuPro-Regular.woff2)",
        family: "ApercuPro-Regular",
        style: "normal",
      },
    ],
  };````

#

  theme: "none",
  variables: {
    colorPrimary: "#0570de",
    colorBackground: "#ffffff",
    colorDanger: "#df1b41",
    fontFamily: "ApercuPro-Regular, system-ui, sans-serif",
    spacingUnit: "4px",
    borderRadius: "4px",
    spacingGridRow: "8px",
  },
};````

#

Looks right you think?

#

I use the font elsewhere in the app, just can't crack it with this

candid shore Nov 18, 2022, 8:12 PM

#

Yeah it looks correct to me, but I get the same error you do on my end - let me try and see what could be wrong

wise estuary Nov 18, 2022, 8:14 PM

#

Thanks!

wise estuary Nov 18, 2022, 8:49 PM

#

Any luck?

candid shore Nov 18, 2022, 8:51 PM

#

Not so far - I can't pinpoint what specifically is wrong with it so I'm trying a couple of different approaches

wise estuary Nov 18, 2022, 9:01 PM

#

Cool, thanks - thought it may be a bug as its so new

candid shore Nov 18, 2022, 9:22 PM

#

How familiar are you with using local / have you used it before? Is there a reason you're using local and not url?

#

I believe the idea with local is that it'll check the fonts that are downloaded on your actual computer - so if you did somethign like src: "local(Apercu Pro Regular)" it'll use the Apercu Pro Regular font if it has been download onto that computer

#

What you probably want is something like src: 'local("Apercu Pro Regular"), local("Apercu Pro Regular"), url(/public/fonts/ApercuPro-Regular.woff2)',

^^ This means that if the Apercu Pro Regular font is installed on the computer, otherwise we'll pull it from the url path

#geordi-fonts