在ASP.NET核心MVC项目中使用

Question

如何将谷歌材料图标添加到MVC网络核心项目中？在我的项目文件夹中，我按照这些方向添加了所有的zip文件。只是好奇下一步是什么？

https://google.github.io/material-design-icons/

npm install material-design-icons

下面的链接已经过时了。

如何在asp.net mvc项目中使用资料界面

目前使用MVC CoreNetCore2.2.公司不希望应用CDN路由。

Answer 1

如果您使用npm安装，它将创建一个名为node_modules的文件夹(可能隐藏在解决方案资源管理器中，单击Show All Files按钮检查它)。

要将文件从node_modules目录移到wwwroot/lib文件，您必须编写一些脚本(gulp、grunt等)：

如何使用ASP.NET核心的npm

如何使用ASP.NET Core v2在Visual 2017中安装字体

如果使用gulp，您可以尝试：

gulp.task('copy', ["clean"], function () {
    return gulp.src(['./node_modules/material-design-icons/iconfont/*'], {
        base: 'node_modules'
    }).pipe(gulp.dest('./wwwroot/lib'));
});

并可以在_Layout.cshtml中引用css文件。

注意:目前使用库管理器(LibMan)恢复material-design-icons总是在测试中失败。

Answer 2

我使用了这三个简单的步骤并为我工作

1. 转到这个cdn并下载其中的所有google字体文件
2. 将下载的所有css文件复制到css文件夹中。
3. 在fonts中创建一个具有wwwroot名称的文件夹，并复制下载它的其他文件(字体文件)

它已经准备好了，只需将css链接添加到您的项目中就可以了。