Poppins @import не работает, проблема внешнего стиля ⇐ CSS

[Anonymous]

Я создаю очень простую индексную страницу и пытаюсь включить в нее несколько определенных шрифтов. Моя цель — @import Poppins из URL-адреса API Google, а затем использовать селектор *, чтобы добавить его к каждому элементу. Мой CSS выглядит следующим образом:

Код: Выделить всё

@import url('https://fonts.googleapis.com/css?family=Poppins');

* {
margin: 0;
padding: 0;
font-family: 'Poppins';
}

Однако, когда я это делаю, шрифт без засечек по умолчанию остается точно таким же. После некоторых других сообщений (семейство шрифтов «Poppins» не работает должным образом на моем веб-сайте при загрузке) я сделал это в своем html:

Код: Выделить всё

Wavy Section SVG


* {
margin: 0;
padding: 0;
font-family: 'Poppins';transition:
}



Text

Это сработало отлично, позволив тексту быть шрифтом Poppins, а не без засечек. Я знаю, что это может быть немного педантично, но мне не нужен внутренний стиль. Почему мой тег @import не работает? Спасибо за ответы!

Подробнее здесь: https://stackoverflow.com/questions/652 ... tyle-issue