CSS правило @import дает возможность импортировать правила стилей из других таблиц стилей и поддерживать медиа-запросы. После ключевого слова @import должен быть URI-адрес таблицы стилей. Также допустимо использование строк (string). Она должна быть на верхней части документа, но после правила @charset.
Правило @import не может быть использовано внутри правил условной группы.
<!DOCTYPE html><html><head><title>Заголовок документа</title><style>@import url('https://fonts.googleapis.com/css?family=Coiny');
@import url('https://fonts.googleapis.com/css?family=Lobster');
.p1 {
font-family: 'Coiny', cursive;
}
.p2 {
font-family: 'Lobster', cursive;
}
</style></head><body><h2>Пример свойства @import</h2><pclass="p1">Правило @import дает возможность импортировать правила стилей из других таблиц стилей.</p><pclass="p2">Правило @import также поддерживает медиа-запросы.</p></body></html>