Link to home
Start Free TrialLog in
Avatar of Dana D
Dana D

asked on

HTML/css code help

My web page has code that is reaching out to google server and I want to copy this CSS code and put it on my web server and change the code so that it now points to my server to get the CSS code.

This is the code:

<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600" rel="stylesheet" type="text/css">

I save the code to a .css file and put it on my server then i change the above code on my webpage to this:

<link href="css/google-font.css" rel="stylesheet" type="text/css">

the font on the page is not looking correctly at this point and i want to know how to fix this.

Thanks in advance.
ASKER CERTIFIED SOLUTION
Avatar of Chris Stanyon
Chris Stanyon
Flag of United Kingdom of Great Britain and Northern Ireland image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Dana D
Dana D

ASKER

The reason why I want to do this is to reduce the outgoing server requests during page load to reduce page load time. But if this is a typical thing then i guess i dont have to do it and will take your advice not to bother.

Thanks for taking the time to answer this for me!
Hi,

I had  this case once because sometimes intranet don't have web access for some reasons.

Here is the more popular way to do it
https://google-webfonts-helper.herokuapp.com/fonts
https://github.com/majodev/google-webfonts-helper/

There is another one (not tested)
https://github.com/neverpanic/google-font-download