如何离线使用字体图标?

Posted

技术标签:

【中文标题】如何离线使用字体图标?【英文标题】:How to use font icons in offline? 【发布时间】:2020-10-31 23:10:01 【问题描述】:

我目前在我的 laravel 应用中使用 vuetify,它运行良好。

vuetify 正在使用基于 link 的 ma​​terial-design-icons,下面的代码使用这两个链接:

<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/@mdi/font@5.x/css/materialdesignicons.min.css" rel="stylesheet">

现在我的问题是如何以离线方式执行此操作(仅字体图标)?有没有我们可以使用的 npm 以及如何使用?请大家帮忙。

【问题讨论】:

【参考方案1】:

您可以使用npm install @mdi/font -D 通过 npm 安装。查看更多信息Install Material Design Icons

【讨论】:

以上是关于如何离线使用字体图标?的主要内容,如果未能解决你的问题,请参考以下文章

如何使用iconfont字体图标代替网页图片?

使用icomoon字体图标详解

制作图标字体

字体图标的优缺点

东拼西凑完成一个“前端框架” - 字体图标

在线制作自定义字体