fonts.googleapis.com wants on local

I am using adminlte theme for xyz project i want all css on local

fonts.googleapis.com and fonts.gstatic.com goes on server i wants on local thats why i am commenting that line in \css\AdminLTE.css see in below code but after that goes in server.

/*@import url(https://fonts.googleapis.com/css?
family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);
!
*   AdminLTE v2.3.8
*   Author: Almsaeed Studio
*    Website: Almsaeed Studio <http://almsaeedstudio.com>
*   License: Open source - MIT
*           Please visit http://opensource.org/licenses/MIT for more 
information
!*/
/*
* Core: General Layout Style
* -------------------------
*/

Solution

its simple but you'll have to download fonts

go to this css file https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic

download all fonts which are used in this css file, for example in fonts/ folder..

then instead of using

    import url(https://fonts.googleapis.com/css?
family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);

save the css file as "fonts.css" and include it in your website after replacing all font urls to target your local font directory..

one example

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(fonts/toadOcfmlt9b38dHJxOBGOpKQFvsMoBH--zPuE-O8ur3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}