Just Download all css in one folder.
And get full path of that files.
Example:
You Downloaded Files in below location (i am using D drive(asset folder in D drive) as an example here) of your computer:
D:assetsw3.css
D:assetsgoogle_raleway.css
D:assetsfont_awesome.min.css
<link rel="stylesheet" type="text/css" href="D:assetsw3.css">
<link rel="stylesheet" type="text/css" href="D:assetsgoogle_raleway.css">
<link rel="stylesheet" type="text/css" href="D:assetsfont_awesome.min.css">
If this works in full path means there is an error in you relative path you given.
So just do small research to set relative path.
So I am working on personal website project. And I am using html template of w3school. They use css file from online source:
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-
awesome.min.css">
Everthing works fine until I download all the css file locally and load them from local position like below:
<link rel="stylesheet" type="text/html" href="./assets/w3.css">
<link rel="stylesheet" type="text/html" href="./assets/google_raleway.css">
<link rel="stylesheet" type="text/html" href="./assets/font_awesome.min.css">
The form of website is totally wrecked after I use local css file instead of online source. I inspect the page and in console, there is no error message on css part. I don’t know why it is not working locally.
Where is your html in relation to the css? Is it on the same directory level as the assets?
@Kevin the path is correct. Like I said I inspect the console. There is no error.
So then the first thing you have to do, is figure out how to get your system to deliver such CSS resources with the proper Content-Type.
