Подскажите пожалуйста как сделать шрифт google fonts кроссбраузерным. Есть заголовок со шрифтом Ubuntu, который отлично отображается в chrome и opera, но в firefox переносит текст на другую строчку, хотя ширина блока одна и таже как у всех браузерах, как это можно пофиксить. Использую подключение шрифта через link в head.
<link
href='https://fonts.googleapis.com/css2?family=Exo+2&family=Ubuntu:wght@400;500&display=swap'
rel='stylesheet'
/>
Буду благодарен за ответ
Также использую normalize и следующий сброс
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;
}
`
Средний
Простой
