How to make google fonts cross browser?

Question

css

Please tell me how to make google fonts cross browser. There is a header with the Ubuntu font, which is perfectly displayed in chrome and opera, but in firefox it wraps the text to another line, although the block width is the same as in all browsers, how can this be fixed. I use font connection via link in head.

<link
            href='https://fonts.googleapis.com/css2?family=Exo+2&family=Ubuntu:[email protected];500&display=swap'
            rel='stylesheet'
          />

I will be grateful for the answer

Also I use normalize and the following reset

export const GlobalStyles = createGlobalStyle`
${normalize}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

*::after,
*::before {
  box-sizing: border-box;
}


body { 
  font-family: ${({ theme }) => theme.fonts?.primary};
  font-size: 16px;
  line-height: 1;
  background-color: ${({ theme }) => theme.palette?.bg.primary};
  transition: all ${({ theme }) => theme.transition}
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
h1,h2,h3,h4,h5,h6 {
  margin: 0;
}
a {
  text-decoration: none;
}
`