如何在Angular应用程序中使用Material Design Icons

Question

我使用棱角材料设计为我的AngularJS应用程序提供响应式设计。我正在使用我安装的材料设计图标：

bower install material-design-icons

然后我将css声明为CDN链接：

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

我正在使用图标：

<i class="material-icons md-36 md-dark">person</i>

我的问题是没有办法从bower_components中包含css。我想用来自bower_components的本地源替换CDN源到css。但我没有看到我的bower_components中下载的任何css文件。

这是我的bower_components / material-design-icons目录的样子：

我按照Material icons guide中的说明操作，但无法确定是否包含来自bower_components的CSS。

Answer 1

在materil-design-icons文件夹中，您有iconfont文件夹，其中包含您所需的CSS文件。

Answer 2

有两种类型的材料设计图标....字体图标和svg图标

您显示的标记是用于字体图标

图标字体的bower包是material-design-iconfont

尝试bower install material-design-iconfont ---save

Answer 3

如果我理解了您的问题，那么您正尝试在网络应用中使用资料设计。包材料设计图标只是图标info。 我相信，要实现您所寻求的目标，您应该获得bower google软件包material design lite info，它们还提供一组templates

还有bootstrap material design。