axrising
@axrising

Как сделать шрифт google fonts кроссбраузерным?

Подскажите пожалуйста как сделать шрифт 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;
}
`
  • Вопрос задан
  • 54 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы