How to connect remote CSS styles? (FontAwesome, Google Fonts)?

How to connect remote styles according to the type of FontAwesome, Google Fonts, Bootstrap and other:

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

or via import

@import url(/fonts.css);

Many developers connect through <link> duplicating it on every page of the site. I use one main style.css and inside it after @import connect third-party fonts and styles. But later it turned out that connected so the styles do not trigger in all browsers. What can help on the path to instruct?

It seemed to me that after import the style is loaded once (cached), and when you restart does not re-ship system. With <link> the same situation?
July 12th 19 at 17:12
2 answers
July 12th 19 at 17:14
The problem of caching in CCS - Google
And it is best to add just a version of the styles for the site, for example, to add to the title:
/css/font-awesome.min.css?v=1, /css/font-awesome.min.css?v=2
July 12th 19 at 17:16
and to prevent to connect via 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" by adding crossorigin="anonymous">
Does this affect page load speed? - Laurine_Prosacco commented on July 12th 19 at 17:19

Find more questions by tags CSSHTML