I am building a website using the following responsive web design template from w3schools (thanks!):
https://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_templates_webpage&stacked=h
The html references four css files:
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://www.w3schools.com/lib/w3-theme-black.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
I think I can just copy the first css files (w3.css and w3-theme-black.css) to my server, but the last two css files (googleapis and font-awesome) have me a little confused. Should I just leave the css links as they are (to googleapis.com and cloudflare.com) or is there a way to put them on my server, like the css files from w3?
I believe the css from googleapis.com is just for providing a specific font, right? Is it common nowadays to use online fonts from google? It looks like the css from font-awesome only provides a single icon, the three bars for navigation on small screens. Am I correct about that? Does using css from outside domains slow down my site enough to matter?
Thanks in advance,
Ken