я пытаюсь загрузить в style.css этот кодстилевых не может быть загружен
@import url('https://fonts.googleapis.com/css?family=Karla|Roboto+Slab');
, но я получаю эту ошибку:
Stylesheet could not be loaded https://fonts.googleapis.com/css?family=Karla|Roboto+Slab
Как-то вы знаете, что это неправильно ошибка синтаксиса?
Заранее благодарен!
Это прекрасно работает здесь, смотрите пример (@import)
@import url('https://fonts.googleapis.com/css?family=Karla|Roboto+Slab');
.Karla {
font-family: Karla;
}
.Roboto_Slab {
font-family: 'Roboto Slab';
}<div class="Karla">Karla</div>
<div class="Roboto_Slab">Roboto Slab</div>
<div>Normal</div>Вы также можете загрузить его "старинке" с помощью
.Karla {
font-family: Karla;
}
.Roboto_Slab {
font-family: 'Roboto Slab';
}<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Karla|Roboto+Slab" />
<div class="Karla">Karla</div>
<div class="Roboto_Slab">Roboto Slab</div>
<div>Normal</div>Нет ничего плохого в коде, который вы используете. Если вы используете @import, вам нужно убедиться, что он находится на самом верху документа CSS. Кроме того, вы можете использовать <link> в <head> и нагрузки Google Fonts с помощью:
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Karla|Roboto+Slab" />
С помощью CSS, не могу импортировать его в нижней части, чтобы перезаписать, Что над ним? – Gezzasa
Правила '@ import' должны предшествовать всем другим типам правил, кроме правил' @ charset'; поскольку это не вложенный оператор. См. [Эту ссылку] (https://developer.mozilla.org/en-US/docs/Web/CSS/@import) для получения дополнительной информации о '@ import'. –