Я создаю очень простую индексную страницу и пытаюсь включить в нее несколько определенных шрифтов. Моя цель — @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