如何离线托管材料图标？

icons

关注

发信

关注(28)粉丝(399)

如何离线托管材料图标？

本文介绍了如何离线托管材料图标？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我很抱歉，如果这是一个非常简单的问题，但是如何在没有

 < link的情况下使用Google材质图标href =https://fonts.googleapis.com/icon?family=Material+Icons =stylesheet>

？

我想要我的应用即使用户没有互联网连接也能显示图标
解决方案

和将包含材质设计图标文件的iconfont文件夹复制到本地项目中 -

替换将@ font-face的url属性与本地项目文件夹路径（字体文件所在的位置）联系起来，例如。 url（iconfont / MaterialIcons-Regular.ttf）
$ b

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

NPM / Bower软件包

谷歌正式拥有Bower和NPM依赖项选项 - 遵循材料图标指南

使用bower

bower install material-design-icons --save

使用NPM

npm install material-design-icons --save

My apologies if this is a very simple question, but how do you use google material icons without a
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
?
I would like my app to be able to display the icons even when the user does not have an internet connection
解决方案
Method 2. Self hosting 1
Download and copy the iconfont folder, containing the material design icons files, into your local project -- https://github.com/google/material-design-icons/tree/master/iconfont
Replace the source in the url attribute of @font-face with your local project folder path (where the font files are located) eg. url( "iconfont/MaterialIcons-Regular.ttf")
<i class="material-icons">face</i>
NPM / Bower Packages
Google officially has a Bower and NPM dependency option -- follow Material Icons Guide 1
Using bower
bower install material-design-icons --save
Using NPM
npm install material-design-icons --save
1 http://google.github.io/material-design-icons/

这篇关于如何离线托管材料图标？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！

10-28 16:45