fonts.googleapis.com 想在本地

fonts.googleapis.com wants on local

我正在为 xyz 项目使用 adminlte 主题我想要所有 css 在本地


fonts.googleapis.com 和 fonts.gstatic.com 在服务器上运行,我希望在本地运行,这就是为什么我要在 \css\AdminLTE.css 中评论该行,请参见下面的代码,但在那之后在服务器中。

/*@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
* -------------------------
*/

很简单,但你必须下载字体

转到这个 css 文件 https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic

下载此 css 文件中使用的所有字体,例如在 fonts/ 文件夹中..

然后而不是使用

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

将 css 文件保存为 "fonts.css",并在替换所有字体 url 以定位到您的本地字体目录后将其包含在您的网站中。

一个例子

@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;
}