按照操作会得出比较好的页面。但是对于无法访问外网的网站来说,却要登录外网下载字体,有点不可容忍。
经在源码中查找,找到这个语句:@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);
下载字体
到这里下载需要用的Source Sans Pro的300,400,600,700,300italic,400italic,600italic字体。会有一个sourcesanspro.zip文件。
寻找到外网下载字体的文件
首先在./vendor/dmstr/yii2-adminlte-asset/web/下找到一个AdminLteAsset.php文件。查看里面的依赖关系,通过分析句子,找到vendor/almasaeed2010/adminlte/dist/css/AdminLTE.min.css文件,里面有上述语句。
更改掉该语句
把上面下载的字体解压缩在vendor/almasaeed2010/adminlte/dist/css/文件夹下,框架如下
css
fonts.css
fonts
很多文件夹
AdminLTE.min.css
其他文件
现在修改AdminLTE.min.css,把第一行的
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);
修改为
@import url(./css/fonts.css);
保存退出。
测试效果
由于之前可能已经做了测试,最好把浏览器的cookie等清空,然后看看是否不到外网获取文件了。
本文介绍了一种在无法访问外网的情况下,如何将原本需要从外网下载的字体文件进行本地化部署的方法。通过下载所需的字体文件并将其放置在项目的指定文件夹中,然后修改CSS文件中的字体导入路径,从而实现字体文件的离线加载。

372

被折叠的 条评论
为什么被折叠?



