How to use obj style with @font-face

I’m trying to do this:

<Global
  styles={{
    '@font-face': {
      fontFamily: 'Iosevka',
      src: 'url(woff2/iosevka-thinitalic.woff2) format(woff2)',
    },
  }}
/>

Description:

I can’t figure out if the src part needs to be a string like above, or 'url(\'fonts..\') format(\'..\') or something else?

Documentation links:

[Andarist]

You are probably looking for this:

<Global
  styles={[
    {
      "@font-face": {
        fontFamily: "Lato-Regular",
        src: 'url("/fonts/Lato-Regular.ttf") format("truetype")'
      }
    },
    {
      "@font-face": {
        fontFamily: "Lato-Bold",
        src: 'url("/fonts/Lato-Bold.ttf") format("truetype")'
      }
    }
  ]}
/>

[jvanderen1]

How do you load multiple styles of the same font-family in object notation?