CSS Material+Icons 本地下载使用 国内解决方案

一、问题

前端使用

<link href="https://fonts.googleapis.com/css2?family=Material+Icons"
      rel="stylesheet">

但由于访问fonts.googleapis.com不稳定,所以经常出现图标访问不到。

 

二、解决方案

1.将上述链接https://fonts.googleapis.com/css2?family=Material+Icons使用浏览器打开,得到

CSS Material+Icons 本地下载使用 国内解决方案

将其保存为material_icons.css

 

2. 将material_icons.css中的所有链接使用浏览器打开,进行下载

CSS Material+Icons 本地下载使用 国内解决方案

3. 将material_icons.css中的所有链接替换为本地的地址

CSS Material+Icons 本地下载使用 国内解决方案

4. html中将

https://fonts.googleapis.com/css2?family=Material+Icons替换为material_icons.css

CSS Material+Icons 本地下载使用 国内解决方案

5.效果

CSS Material+Icons 本地下载使用 国内解决方案

 

https://www.cnblogs.com/10manongit/p/12944182.html

上一篇:Pset_MaterialCommon


下一篇:大变样,Chrome 新一代 Material Design UI 来袭