Почему я получаю ошибку, когда пытаюсь подключить шрифт через @import?

Пользуюсь scss. Хочу подключить шрифт PT Sans из google fonts. На сайте получил такую ссылку:

@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400&display=swap');

Вставил ее в код, но получил ошибку

style.min.css:1 GET https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;%200,700;1,400&display=swap net::ERR_ABORTED 400

Хотя сама ссылка https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400&display=swap которая была скопирована с сайта — рабочая. Почему побилась ссылка (добавился символ %20 после точки с запятой) и как это исправить?