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

Posted 2021-06-14 软件工程小施同学

一、问题

前端使用

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

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

 

二、解决方案

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

将其保存为material_icons.css

 

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

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

4. html中将

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

5.效果

 

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