Как правильно подключать удаленные CSS стили? (FontAwesome, Google Fonts)?

Question

[Богдан Герасименко]

Как правильно подключать удаленные стили по типу FontAwesome, Google Fonts, Bootstrap и прочие:

<link rel="stylesheet" href="/css/font-awesome.min.css">

или через импорт

@import url(/fonts.css);

Многие разработчики подключают именно через <link> дублируя его на каждой странице сайта. Я подключаю один основной стиль style.css и внутри него уже через @import подключаю сторонние шрифты и стили. Но позже оказалось, что подключенные таким образом стили срабатывают не во всех браузерах. Как быть, может поможете на путь истинный наставить?

Мне казалось, что через импорт стиль загружается раз (кэшируется) и при перезагрузке повторно не грузит систему. С <link> та же ситуация?

Answer 1

[Василь Бойко]

Проблема кеширование в CCS - загуглите
А лучше всего добавлять просто версию стилей для сайта, например, дописывать до названия:

/css/font-awesome.min.css?v=1, /css/font-awesome.min.css?v=2

Answer 2

[devstudent]

а чт мешает подключить через cdn

<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">

Comments

[Богдан Герасименко]

Влияет ли это на скорость загрузки страницы?