我很抱歉,如果这是一个非常简单的问题,但是您如何在不使用Google素材图标的情况下

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



我希望我的应用程序即使用户没有互联网连接也能够显示图标

最佳答案

方法2.自托管 Developer Guide
Download来自github的最新版本( Assets :zip文件),解压缩并将包含 Material 设计图标文件的字体文件夹复制到本地项目中-https://github.com/google/material-design-icons/releases
您只需要使用存档中的font文件夹:它包含不同格式的图标字体(用于支持多个浏览器)和样板css。

  • 用本地项目(字体文件所在的位置)中的iconfont文件夹的相对路径替换@font-face的url属性中的源。 url("iconfont/MaterialIcons-Regular.ttf")


  • <i class="material-icons">face</i>
    

    NPM / Bower软件包
    Google正式提供Bower和NPM依赖项选项-遵循Material Icons Guide 1
    使用Bower :bower install material-design-icons --save 使用NPM :npm install material-design-icons --save Material 图标:也可以从@marella的https://marella.me/material-icons/中查看Material design图标字体和CSS框架以自托管图标

    注意

    07-24 09:44
    查看更多